@font-face{font-family:RiaTechUI;src:url('/static/fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:RiaTechUI;src:url('/static/fonts/Vazirmatn-Medium.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:RiaTechUI;src:url('/static/fonts/Vazirmatn-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#090e23;--card:#121a32;--line:#2b3555;--muted:#9aa7c5;--accent:#39e7d1;--violet:#a99bff;--white:#f3f4ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% -10%,#29235499,transparent 48%),radial-gradient(ellipse at 0 90%,#112c4966,transparent 45%),var(--bg);color:var(--white);font:14px/1.9 RiaTechUI,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}h1{font-size:30px;line-height:1.6;margin:10px 0 14px;font-weight:600}h2{font-size:18px;margin:0 0 8px;font-weight:600}h3{font-weight:500}p,footer,.hint{color:var(--muted)}p{margin:8px 0 18px}.brand{display:flex;gap:12px;align-items:center;direction:ltr;font:25px/1.2 RiaTechUI,Arial,sans-serif;letter-spacing:.2px}.brand-mark{display:flex;align-items:center;justify-content:center;width:44px;height:48px;font:bold italic 45px RiaTechUI,Arial;color:#b1a6ff;text-shadow:3px 3px 0 #28e0d183}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:8px;color:#a49dcc}.eyebrow{display:block;font-size:12px;color:#b9acf8;letter-spacing:.3px}.public-page{display:flex;align-items:center;justify-content:center;padding:40px 20px}.entry{position:relative;overflow:hidden;width:510px;padding:38px 40px;border:1px solid #655a9980;border-radius:22px;background:linear-gradient(145deg,#141832ec,#0d162be8);box-shadow:0 35px 100px #0006,inset 0 1px 0 #bba7ff15}.entry:before{content:'';position:absolute;width:400px;height:400px;left:-260px;top:-225px;border:1px solid #a788ff88;border-radius:50%;box-shadow:0 0 0 22px #9471e30b,0 0 0 44px #9471e30a;pointer-events:none}.entry .brand{margin-bottom:38px}.entry h1{font-size:32px}.entry .eyebrow{margin-top:14px}.entry footer{display:block;text-align:center;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font:12px RiaTechUI,Arial}.entry footer strong{font-weight:500;color:#c2bafa}.entry footer small{display:block;margin-top:12px;color:#78829f}.code-segments{display:flex;gap:10px;margin:28px 0 10px;position:relative;padding:8px;border-radius:15px;border:1px solid transparent;transition:border-color .35s,box-shadow .35s,background .35s}form .code-segments input{margin:0;min-width:0;flex:1;max-width:64px;height:76px;text-align:center;font:30px RiaTechUI,Arial;font-variant-numeric:lining-nums tabular-nums;direction:ltr;letter-spacing:0;padding:10px 0;border:1px solid #4b4c73;border-radius:10px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}form .code-segments input.filled{border-color:#a795f3;background:#252142;box-shadow:0 0 0 2px #a69aff0a;animation:digit-pop .2s ease-out}.code-segments.complete{border-color:#46e9d16b;background:#163a3b24;box-shadow:0 0 30px #46e9d116;animation:code-wave .6s ease-out}form .code-segments.complete input{border-color:#46e9d1;background:#16373d;color:#78ffee;animation:digit-complete .48s ease-out}form .code-segments.complete input:nth-child(2){animation-delay:.04s}form .code-segments.complete input:nth-child(3){animation-delay:.08s}form .code-segments.complete input:nth-child(4){animation-delay:.12s}form .code-segments.complete input:nth-child(5){animation-delay:.16s}form .code-segments.complete input:nth-child(6){animation-delay:.20s}.code-feedback{text-align:center;font-size:12px;margin:0 0 22px;color:#a9b7d0}.primary.ready{background:linear-gradient(110deg,#70f2e2,#30ccd8);color:#082b30;box-shadow:0 8px 24px #39e7d122}@keyframes digit-pop{0%{transform:scale(.95)}65%{transform:scale(1.035)}100%{transform:scale(1)}}@keyframes digit-complete{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px);box-shadow:0 0 15px #46e9d14d}}@keyframes code-wave{0%{box-shadow:0 0 0 0 #46e9d12b}100%{box-shadow:0 0 0 12px #46e9d100}}label{display:block;color:#d4d9ee;font-size:13px}input:not([type=checkbox]){width:100%;margin:8px 0 18px;padding:13px 14px;background:#0b1227;border:1px solid #354163;border-radius:10px;color:white;font:inherit;outline:none;transition:border-color .2s,background .2s}input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #aa99ff15}button,.quiet-button{border:0;border-radius:10px;padding:12px 18px;font:14px RiaTechUI,Arial;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:filter .2s,transform .2s;white-space:nowrap}button:hover,.quiet-button:hover{filter:brightness(1.13)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:linear-gradient(110deg,#c2b5ff,#887bf2);color:#161336;box-shadow:0 6px 22px #a491ff20;min-height:48px}.entry .primary{width:100%;font-weight:600}.quiet-button{border:1px solid #485378;background:#1a223e;color:#ccd4ee}.danger{background:linear-gradient(105deg,#ff7467,#f54c6d);color:white;box-shadow:0 4px 16px #f55a6820}.privacy-line{text-align:center;margin-top:25px;padding-top:22px;border-top:1px solid #29344f;color:#a8b8d1;font-size:12px}.privacy-line span{font-size:20px;color:var(--accent);margin-left:6px}.download-help{text-align:center}.download-help p{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sidebar{position:fixed;right:0;top:0;bottom:0;width:238px;z-index:5;padding:30px 22px;background:linear-gradient(180deg,#141830f5,#0b1326f5);border-left:1px solid var(--line);display:flex;flex-direction:column}.sidebar .brand{justify-content:center}.sidebar-caption{text-align:center;margin-top:26px;font-size:12px;color:#9ea2c5}.sidebar nav{margin-top:24px;display:grid;gap:10px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:11px;color:#aab6d1;border:1px solid transparent;font-size:19px}.sidebar nav a span{font-size:13px}.sidebar nav .selected{background:linear-gradient(105deg,#252047,#243351);border-color:#4a4472;color:#c0b4ff}.sidebar nav a:hover{background:#222941}.sidebar-bottom{margin-top:auto;color:#9ba9c5;font-size:11px;text-align:center}.sidebar-bottom small{display:block;color:#777e9b;margin-top:18px;font:11px RiaTechUI,Arial}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #39e7d180;margin-left:5px}.topbar{margin-right:238px;padding:22px 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#10172c88}.topbar strong{font-weight:500;font-size:14px}.topbar-actions{display:flex;align-items:center;gap:14px}.topbar .quiet-button{font-size:12px;padding:9px 12px}.badge{color:#c9c1ef;font-size:12px}.dashboard{margin:28px 274px 40px 36px;max-width:1600px}.card{background:linear-gradient(145deg,#161d3596,#121c31ad);border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:24px;box-shadow:0 10px 40px #0002}.small{max-width:430px;margin:10vh auto;padding:32px}.small form>.primary{width:100%}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:22px 0 26px}.heading p{font-size:13px;margin-bottom:0}.secure-tag{color:#8fd8d0;font-size:12px;background:#112d3380;border:1px solid #28505a;padding:8px 14px;border-radius:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px}.stat{display:flex;align-items:center;gap:18px;padding:20px 24px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(115deg,#19233b,#15182f)}.stat div{display:flex;flex:1;align-items:center;justify-content:space-between;gap:15px}.stat div>span{font-size:12px;color:#afb7d0}.stat strong{font:32px RiaTechUI,Arial;color:#ede8ff}.stat-icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:13px}.cyan{background:#163b4144;color:#37e2ca}.violet{background:#42376444;color:#b3a6ff}.gray{background:#39445844;color:#adbcd4}.workspace-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.section-title{display:flex;gap:14px;align-items:center;margin-bottom:22px}.section-title h2{margin:0}.section-title p{font-size:11px;margin:4px 0}.section-icon{font-size:26px;color:var(--violet);background:#3b2a6144;width:42px;height:42px;text-align:center;border-radius:12px}.issue-card .primary{width:100%}#issued{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}#newCode{display:block;background:#0b1326;border:1px solid #5c4d82;color:#c6baff;border-radius:10px;text-align:center;padding:14px 6px;margin:14px 0;font:24px RiaTechUI,Arial;letter-spacing:1px}.expiry{color:#9badcb;font-size:11px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.row label{flex:1}.search-label{max-width:240px}.search-label input{margin:0;font-size:12px}.hint{font-size:11px;margin:6px 0 12px}.table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right}th{font-size:11px;font-weight:500;color:#949fbd;padding:14px 10px;background:#0c1526}td{padding:15px 10px;border-bottom:1px solid #29334d;font-size:12px}td button{margin:3px;font-size:10px;padding:8px 10px;background:#252543;color:#c7baff;border:1px solid #4e4277}td button.danger{background:#4c2333;color:#ffafb6;border-color:#813c53;box-shadow:none}.state-pill{padding:5px 9px;border-radius:20px;display:inline-block;font-size:10px;white-space:nowrap}.state-active{color:#45e3c8;background:#123a3c}.state-issued,.state-claimed{color:#c4b3ff;background:#34274b}.state-ended{color:#9cacc5;background:#263148}.empty-state{text-align:center;padding:40px 20px}.empty-state>span{font-size:40px;color:#8675bd}.empty-state p{font-size:12px}.note{background:#29213f;border-right:3px solid #a99bff;padding:12px 18px;margin:16px 0 24px;border-radius:9px;color:#d7ccf4;font-size:12px}.viewer-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.control-toggle{color:#a7d9d4;font-size:12px}.control-toggle input{accent-color:var(--accent);margin-left:8px}.connection-status{padding:10px 16px;border:1px solid #244952;background:#102c3388;border-radius:9px;color:#91d9cc;font-size:12px}#screen{display:block;max-width:100%;height:auto;background:#070c19;margin:20px auto;outline:1px solid #344164;border-radius:7px}#screen:focus{outline:2px solid var(--accent)}.activity-card ul{list-style:none;margin:20px 0 0;padding:0}.activity-card li{font-size:12px;color:#a8b5d0;padding:12px 20px;border-right:1px solid #574976;position:relative}.activity-card li:before{content:'';position:absolute;right:-4px;top:22px;width:7px;height:7px;background:#b39bff;border-radius:50%}#message{color:#ffc3b4;font-size:13px}[hidden]{display:none!important}@media(min-width:1600px){.dashboard{margin-left:auto;margin-right:auto;padding-right:260px;max-width:1700px}}@media(max-width:1200px){.workspace-grid{grid-template-columns:1fr}.issue-card{max-width:none}.stats{gap:12px}.stat{padding:16px 14px}.stat-icon{display:none}}@media(max-width:850px){.sidebar{position:relative;width:auto;bottom:auto;padding:20px}.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:center;margin-top:18px;gap:6px}.sidebar nav a{padding:8px;font-size:15px}.sidebar nav a span{font-size:11px}.topbar{margin-right:0;padding:16px 20px}.topbar-actions .badge{display:none}.dashboard{margin:22px 16px}.heading{display:block}.secure-tag{display:inline-block;margin-top:18px}.stat div{display:block}.stat strong{display:block;font-size:28px}.stats{gap:9px}.card{padding:18px}.entry{padding:30px 25px}.entry h1{font-size:27px}.code-segments{gap:10px}form .code-segments input{font-size:21px;letter-spacing:1px}.search-label{max-width:none;width:100%}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:450px){.entry{padding:26px 20px}.code-segments{gap:6px;padding:6px}form .code-segments input{height:62px;font-size:25px;border-radius:8px}}