@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2) format("woff2-variations");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-VariableItalic-DjwFspxr.woff2) format("woff2-variations");font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Variable-BZl-SSEF.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0d0a0e;color:#f3edf2;min-height:100vh;-webkit-font-smoothing:antialiased}.font-display{font-family:Cabinet Grotesk,Satoshi,sans-serif}::selection{background:#ed639859}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}::-webkit-scrollbar-track{background:transparent}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.atmo-base{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0a0e}.atmo-layer{position:absolute;top:0;right:0;bottom:0;left:0}.atmo-grain{opacity:.05}.atmo-watermark{position:absolute;bottom:-28px;left:-8px;font-size:104px;font-weight:800;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);-webkit-user-select:none;user-select:none}.app{position:relative;min-height:100vh;z-index:1}.main{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#0d0a0ebf;border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;gap:16px}.logo{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#fff}.logo em{font-style:normal;color:#ef679e}.header-nav{display:flex;gap:8px;align-items:center}.nav-tab{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#b3a6b8;transition:all .15s}.nav-tab.active{background:#ef679e;border-color:#ef679e;color:#fff}.nav-tab:hover:not(.active){background:#ffffff14;color:#f3edf2}.badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.badge-live{background:#57d99a1f;border:1px solid rgba(87,217,154,.3);color:#57d99a}.badge-used{background:#ef679e1f;border:1px solid rgba(239,103,158,.25);color:#f075a7}.badge-unused{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#8a7d8f}.badge-sold{background:#57d99a1f;border:1px solid rgba(87,217,154,.2);color:#57d99a}.badge-unsold{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#6d6070}.screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:24px}.login-box{position:relative;z-index:1;width:min(400px,calc(100vw - 40px));background:#151016d9;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:40px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 16px,16px 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px))}.input,.textarea,.select{width:100%;padding:11px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#f3edf2;font-family:inherit;font-size:14px;outline:none;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{border-color:#ef679e73}.textarea{resize:vertical;min-height:72px}.select{cursor:pointer}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;background:#ef679e;border:none;border-radius:10px;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f3edf2;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.btn-ghost:hover{background:#ffffff14}.btn-danger{padding:8px 14px;background:#f4646c1f;border:1px solid rgba(244,100,108,.25);border-radius:8px;color:#f4646c;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.btn-danger:hover{background:#f4646c2e}.btn-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#b3a6b8;cursor:pointer;transition:all .15s}.btn-icon:hover{background:#ef679e1f;color:#f075a7;border-color:#ef679e40}.btn-icon.danger:hover{background:#f4646c1f;color:#f4646c;border-color:#f4646c4d}.panel{background:#151016d9;border:1px solid rgba(255,255,255,.05);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.05);gap:12px;flex-wrap:wrap}.panel-title{font-size:14px;font-weight:700;letter-spacing:-.01em}.panel-sub{font-size:12px;color:#6d6070;margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}@media(max-width:860px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat{background:#151016d9;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6d6070}.stat-value{font-family:Cabinet Grotesk,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:6px}.stat-value.pink{color:#f075a7}.stat-value.green{color:#57d99a}.stat-hint{font-size:12px;color:#6d6070;margin-top:4px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filter-input{min-width:220px;flex:1;max-width:360px}.filter-select{min-width:140px}.custom-select{position:relative}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px 11px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#f3edf2;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;white-space:nowrap}.custom-select-trigger:hover{background:#ffffff0f;border-color:#ffffff21}.custom-select-trigger.open{background:#151016fa;border-color:#ef679e73;box-shadow:0 8px 24px #00000059,0 0 0 3px #ef679e14}.custom-select-trigger:focus-visible{outline:none;border-color:#ef679e73;box-shadow:0 0 0 3px #ef679e1f}.custom-select-chevron{opacity:.65;transition:transform .18s ease,opacity .15s;flex-shrink:0;color:#b3a6b8}.custom-select-trigger.open .custom-select-chevron{transform:rotate(180deg);opacity:1;color:#f075a7}.custom-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#151016fa;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px #00000080,0 4px 16px #0000004d;z-index:20;overflow:hidden;padding:6px;animation:dropdownIn .14s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:500;color:#b3a6b8;cursor:pointer;transition:background .12s,color .12s,border-color .12s;border:1px solid transparent}.custom-select-option:hover{background:#ffffff0f;color:#f3edf2}.custom-select-option.selected{background:#ef679e1f;color:#f075a7;border-color:#ef679e2e}.custom-select-option.selected:hover{background:#ef679e29}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6d6070;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}tbody td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}tbody tr:hover{background:#ffffff05}.key-code{font-family:ui-monospace,JetBrains Mono,monospace;font-size:12px;font-weight:600;letter-spacing:.02em;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:4px 8px;border-radius:6px;white-space:nowrap}.price{font-weight:700;color:#f075a7;white-space:nowrap}.price small{font-weight:600;color:#8a7d8f;margin-left:2px}.buyer{font-weight:600;color:#f3edf2}.buyer-empty{color:#6d6070;font-style:italic}.note{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b3a6b8;font-size:12px}.row-actions{display:flex;gap:6px}.toggle{position:relative;width:36px;height:20px;background:#ffffff14;border-radius:999px;cursor:pointer;transition:background .2s;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.toggle.on{background:#57d99a4d;border-color:#57d99a59}.toggle.pink.on{background:#ef679e59;border-color:#ef679e66}.toggle-knob{position:absolute;top:1px;left:1px;width:16px;height:16px;background:#fff;border-radius:999px;transition:transform .2s;box-shadow:0 1px 4px #0000004d}.toggle.on .toggle-knob{transform:translate(16px)}.analytics-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}@media(max-width:860px){.analytics-grid{grid-template-columns:1fr}}.chart{padding:16px 18px}.chart-title{font-size:13px;font-weight:700;margin-bottom:14px;letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar-label{width:96px;font-size:12px;color:#b3a6b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;flex-shrink:0}.bar-track{flex:1;height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#ef679e,#f075a7);border-radius:999px;transition:width .4s ease}.bar-fill.green{background:linear-gradient(90deg,#57d99a,#7ae6b3)}.bar-value{width:72px;font-size:12px;font-weight:600;text-align:right;flex-shrink:0}.empty-state{text-align:center;padding:48px 24px;color:#6d6070}.empty-state p{font-size:14px;margin-bottom:6px}.empty-state span{font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#050306b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#151016fa;border:1px solid rgba(255,255,255,.08);border-radius:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;background:#151016fa;z-index:1}.modal-body{padding:18px;display:grid;gap:14px}.field label{display:block;font-size:12px;font-weight:600;color:#b3a6b8;margin-bottom:6px;letter-spacing:.02em}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.field-row{grid-template-columns:1fr}}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.06)}.toast{position:fixed;bottom:20px;right:20px;z-index:50;padding:12px 16px;background:#171217f2;border:1px solid rgba(255,255,255,.08);border-left:3px solid #57d99a;border-radius:10px;font-size:13px;box-shadow:0 20px 60px #0006;animation:slideIn .25s ease}.toast.error{border-left-color:#f4646c}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.muted{color:#6d6070}.mono{font-family:ui-monospace,monospace}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
