@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--black:#0a0a0a;--black-2:#111;--black-3:#1a1a1a;--black-4:#222;--line:#2a2a2a;--line-2:#333;--text:#fff;--text-2:#aaa;--text-3:#666;--accent:#5865f2;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--cyan:#06b6d4;--violet:#a855f7}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--black);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.text-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:11px;font-weight:600}.topbar{background:var(--black-2);border-bottom:1px solid var(--line);z-index:100;flex-shrink:0;align-items:center;gap:0;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:16px 24px}.logo{flex-shrink:0;align-items:center;gap:9px;margin-right:28px;text-decoration:none;display:flex}.logo-mark{background:var(--accent);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo-text{color:var(--text);letter-spacing:-.02em;font-size:15px;font-weight:800}.nav-links{flex:1;gap:2px;display:flex}.nav-link{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:6px 12px;font-size:13px;font-weight:500;transition:color .12s;display:flex;position:relative}.nav-link:hover{color:var(--text-2)}.nav-link.active{color:var(--text);border-bottom-color:var(--accent)}.btn{cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:background .12s,color .12s;display:inline-flex}.btn:disabled{opacity:.4;cursor:default}.btn-solid{background:var(--accent);color:#fff}.btn-solid:not(:disabled):hover{background:#4752c4}.btn-solid img{filter:brightness(0)invert()}.btn-outline{color:var(--text-2);border:1px solid var(--line-2);background:0 0}.btn-outline:not(:disabled):hover{background:var(--black-3);color:var(--text)}.btn-ghost-raw{color:var(--text-3);background:0 0;border:none}.btn-ghost-raw:not(:disabled):hover{color:var(--text);background:var(--black-3)}.btn-danger-outline{color:var(--red);background:0 0;border:1px solid #2a1414}.btn-danger-outline:not(:disabled):hover{background:#1a0a0a}.btn-sm{padding:5px 10px;font-size:12px}.input,.select{background:var(--black-3);border:1px solid var(--line);color:var(--text);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}.input::placeholder{color:var(--text-3)}.input:focus,.select:focus{border-color:var(--accent)}.input-icon-wrap{position:relative}.input-icon-wrap .icon{color:var(--text-3);pointer-events:none;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-icon-wrap .input{padding-left:34px}.card{background:var(--black-2);border:1px solid var(--line)}.card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.card-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);font-size:12px;font-weight:700}.stat-row{border-bottom:1px solid var(--line);margin-bottom:28px;display:flex}.stat-item{border-right:1px solid var(--line);flex-direction:column;flex:1;gap:4px;padding:18px 20px;display:flex}.stat-item:last-child{border-right:none}.stat-value{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-size:11px;font-weight:600}.tab-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 16px;transition:background .1s;display:flex;position:relative}.tab-row:hover{background:var(--black-3)}.tab-row:last-child{border-bottom:none}.tab-row .close-btn{opacity:0;color:var(--red);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .1s,background .1s;display:flex}.tab-row:hover .close-btn{opacity:1}.tab-row .close-btn:hover{background:#1a0a0a}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid;flex-shrink:0;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.badge-amber{color:var(--amber);background:#1a1000;border-color:#3a2800}.badge-slate{color:var(--text-3);border-color:var(--line);background:var(--black-3)}.badge-violet{color:var(--violet);background:#110820;border-color:#2a1040}.badge-green{color:var(--green);background:#051008;border-color:#0a2a14}.badge-accent{color:var(--accent);background:#0a0d30;border-color:#1a2060}.badge-red{color:var(--red);background:#150505;border-color:#2a0a0a}.badge-cyan{color:var(--cyan);background:#051018;border-color:#0a2030}.coll-card{background:var(--black-2);border:1px solid var(--line);padding:20px;transition:border-color .15s}.coll-card:hover{border-color:var(--line-2)}.section-title{text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);margin-bottom:10px;font-size:11px;font-weight:700}.toggle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.toggle-track{background:var(--black-4);border:1px solid var(--line-2);flex-shrink:0;width:36px;height:20px;transition:background .15s,border-color .15s;position:relative}.toggle-track.on{background:var(--accent);border-color:var(--accent)}.toggle-thumb{background:#fff;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle-track.on .toggle-thumb{transform:translate(16px)}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:none}.modal-backdrop{z-index:200;background:#000c;justify-content:center;align-items:flex-start;padding-top:80px;animation:.1s fadeIn;display:flex;position:fixed;inset:0}.modal-backdrop.center{align-items:center;padding-top:0}.modal{background:var(--black-2);border:1px solid var(--line-2);width:100%;animation:.15s slideUp;box-shadow:0 24px 60px #000000b3}.kbd{border:1px solid var(--line-2);color:var(--text-3);background:var(--black-3);padding:2px 8px;font-family:Courier New,monospace;font-size:11px}.toast{background:var(--black-2);border:1px solid var(--line-2);color:var(--text);z-index:999;white-space:nowrap;padding:10px 20px;font-size:13px;font-weight:500;animation:.15s slideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--line-2)}::-webkit-scrollbar-thumb:hover{background:#444}.alert{border:1px solid;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.alert-amber{color:var(--amber);background:#110d00;border-color:#3a2800}.alert-indigo{color:#818cf8;background:#08091a;border-color:#1a2060}hr.divider{border:none;border-top:1px solid var(--line)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeUpBig{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUpBig}.animate-scale-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards scaleUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-page{font-family:Inter,system-ui,sans-serif}.feature-card{border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0006}*{border-radius:0!important}