.finesse{min-height:100vh;background:#f6f6f2;color:#202720;font-family:Arial,sans-serif;font-size:14px}.finesse *{box-sizing:border-box}.finesse header{height:88px;padding:0 4%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #dfe2d8}.finesse a{color:inherit;text-decoration:none}.finesse .wordmark{font-size:34px;letter-spacing:-2px;font-weight:700}.wordmark span{color:#8d9e52}.eyebrow{font:10px monospace;letter-spacing:1.7px;color:#747d70}.header-right{margin-left:auto;display:flex;align-items:center;gap:25px}.pill{border:1px solid #d6dcc9;border-radius:30px;padding:9px 13px;font:10px monospace}.finesse button{cursor:pointer;border:1px solid #d6dace;border-radius:5px;background:transparent;padding:11px 15px;color:#283121;font-size:12px}.finesse button:disabled{opacity:.45;cursor:default}.finesse .primary,.finesse .p-button{background:#253b2d;color:#fff;border-color:#253b2d}.workspace{max-width:1500px;margin:auto;padding:52px 4% 20px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.finesse h1{font-size:48px;letter-spacing:-2px;margin:12px 0 10px;font-weight:500;line-height:1.1}.finesse p{color:#737b6d;line-height:1.7}.finesse h2{font-size:22px;letter-spacing:-.7px;margin:15px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dfe2d8;background:#fcfcf9;border-radius:8px;margin-bottom:28px}.stats article{padding:26px;border-right:1px solid #dfe2d8}.stats article:last-child{border:0}.stats strong{display:block;font-size:27px;font-weight:500;margin:17px 0 10px;letter-spacing:-1px}.finesse small{display:block;color:#7d8476;font-size:11px;line-height:1.7}.stats em{font-size:15px;color:#9ba18f;font-style:normal}.stats i{color:#789956;font-size:12px;font-style:normal}.columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.panel{background:#fcfcf9;border:1px solid #dfe2d8;border-radius:8px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:25px}.wallet-form{display:flex;gap:10px;padding:0 25px 25px}.finesse input{background:#fff;border:1px solid #d6dace;padding:12px;border-radius:5px;color:#202720;min-width:0;width:100%}.wallet-form input:first-child{flex:2}.wallet-form input:nth-child(2){flex:1}.wallet-form button{white-space:nowrap}.empty{text-align:center;padding:65px 20px 90px;border-top:1px solid #e9ece2}.crosshair{font-size:45px;color:#a7b68c}.empty h3{font-size:18px;font-weight:500;margin:15px 0}.empty p{font-size:13px}.panel footer{border-top:1px solid #e9ece2;padding:16px 25px;color:#8a9181;font:10px monospace}.finesse aside .panel{padding:25px}.finesse ol{padding:0;list-style:none;margin:25px 0 0;counter-reset:stage}.finesse li{counter-increment:stage;position:relative;padding:0 0 27px 28px;color:#8a9181}.finesse li:before{content:counter(stage);position:absolute;left:0;top:0;font:11px monospace;padding-top:2px}.finesse li b{display:block;font-size:13px;font-weight:500;margin-bottom:7px}.finesse li span{font-size:12px;line-height:1.6;display:block}.finesse li.current{color:#354e32}.note{padding:28px;margin-top:20px;background:#eaf0de;border-radius:8px}.note h2{font-size:34px}.note p{font-size:12px}.bottom{display:flex;justify-content:space-between;padding:30px 0;color:#8a9181;font:10px monospace;gap:15px}.login{max-width:500px;margin:10vh auto;padding:25px}.login h1{font-size:56px}.login form{display:grid;gap:20px;margin:30px 0}.login label{display:grid;gap:9px;font-size:12px}.error{padding:12px;background:#fae4df;color:#8e3024!important;border-radius:5px}.notice{padding:12px;background:#eaf0de;border-radius:5px}.connection-form{padding:25px;background:#eaf0de;margin-bottom:25px;border-radius:8px}.connection-form form{display:flex;gap:12px;margin:15px 0}.connection-form button{white-space:nowrap}.table-wrap{overflow:auto}.finesse table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.finesse th{font:10px monospace;color:#848b7d;padding:15px}.finesse td{padding:20px 15px;border-top:1px solid #e9ece2}.finesse td a{display:block;margin-top:8px;color:#79886a;font:11px monospace}.finesse td b{font-weight:500}@media(max-width:1000px){.columns{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stats article{border-bottom:1px solid #dfe2d8}.wallet-form{flex-wrap:wrap}.header-right .pill{display:none}}@media(max-width:600px){.finesse header{height:70px;gap:10px}.finesse header>.eyebrow{display:none}.workspace{padding-top:30px}.intro{align-items:start;gap:15px}.finesse h1{font-size:35px}.intro button{max-width:130px}.stats article{padding:18px}.stats strong{font-size:22px}.panel-head{padding:20px;gap:10px}.panel-head button{max-width:120px}.wallet-form{padding:0 20px 20px}.wallet-form input:first-child{flex-basis:100%}.bottom{flex-direction:column}.login h1{font-size:45px}.connection-form form{flex-direction:column}}:root{--main-background-color: #0f172a;--surface-color: #1e293b;--surface-hover-color: #334155;--border-color: #334155;--border-color-subtle: rgba(148, 163, 184, .2);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--light-text-color: #94a3b8;--dark-text-color: #0f172a;--accent-color: #3b82f6;--accent-hover: #2563eb;--link-text-color: #60a5fa;--success-color: #22c55e;--warning-color: #f59e0b;--error-color: #ef4444}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;color:var(--text-primary);font-weight:400;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--main-background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,#vue-main{height:100%}hr{height:1px;border:none;background-color:var(--border-color)}.link{color:var(--link-text-color);cursor:pointer;text-decoration:none}.link:hover{text-decoration:underline}.form-container{display:flex;flex-direction:column;gap:12px}.input-container{width:100%;display:flex;flex-direction:column;gap:4px}.input-label{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:20px}.input-common{width:100%;height:auto;padding:10px 14px;font-size:16px;background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.input-common:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f626}.input-common::placeholder{color:var(--text-secondary)}.label-common{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px}.button-common{display:flex;justify-content:center;align-items:center;width:100%;padding:10px 18px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color .15s ease,transform .1s ease}.button-common:hover{background-color:var(--accent-hover)}.button-common:active{transform:scale(.98)}.button-common.hollow{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.button-common.hollow:hover{background-color:var(--surface-color);border-color:var(--text-secondary)}.button-text{color:#fff;font-size:14px;font-weight:500;line-height:20px}.page-container{display:flex;height:100%;flex-flow:column nowrap;background-color:var(--main-background-color);border-radius:4px}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100%;padding:24px}.auth-page__content{width:100%;max-width:310px;margin-bottom:80px}.spacer{width:100%;height:1px;background-color:var(--border-color);margin:24px 0}.w-full{width:100%}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.justify-center{justify-content:center}.items-center{align-items:center}.space-x-2>*+*{margin-left:.5rem}.text-center{text-align:center}.text-white{color:var(--text-primary)}.relative{position:relative}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:10}.p-6{padding:1.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.transition-all{transition:all .15s ease}.bg-black{background-color:#000}.bg-opacity-25{background-color:#00000040}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.spinner{width:1.25rem;height:1.25rem;margin-left:-.25rem;color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-appear{animation:appear .2s ease-out forwards}.p-inputtext,.p-password,.p-password-input{width:100%!important;font-size:16px!important}
