:root{color-scheme:dark;--bg: #04090c;--surface: #09120f;--surface-2: #0c1713;--line: #173c2a;--line-soft: rgba(70, 240, 138, .14);--green: #46f08a;--green-bright: #c6ffdd;--green-dim: #72be8f;--amber: #f3b74d;--red: #ff8a6b;--text: #e8fff0;--muted: #81998a;font-family:Inter,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 12% -10%,rgba(70,240,138,.09),transparent 34rem),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}.wordmark{color:var(--green-bright);font-size:1.05rem;font-weight:850;letter-spacing:.13em;text-decoration:none;text-shadow:0 0 22px rgba(70,240,138,.35)}.wordmark-x{color:var(--green)}.eyebrow{color:var(--green-dim);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.muted{color:var(--muted)}.micro{color:var(--muted);font-size:.72rem;line-height:1.5}.auth-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,460px);gap:clamp(3rem,9vw,9rem);align-items:center;width:min(1180px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:56px 0}.auth-intro .eyebrow{margin-top:5rem}.auth-intro h1{max-width:720px;margin:1.2rem 0 1.25rem;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.99;letter-spacing:-.055em}.lead{max-width:650px;color:#a8bcb0;font-size:1.08rem;line-height:1.75}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;border:1px solid var(--line);background:var(--line)}.facts div{display:flex;flex-direction:column;gap:.25rem;padding:1.2rem;background:#04090ceb}.facts strong{color:var(--green);font-size:1.35rem}.facts span{color:var(--muted);font-size:.7rem}.auth-card,.state-card,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0d1914f5,#060d0afa);box-shadow:0 30px 90px #00000057}.auth-card{padding:clamp(1.5rem,4vw,2.6rem)}.auth-card h2{margin:2.2rem 0 .4rem;font-size:1.5rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line-soft);background:#050b08}.auth-tabs button{border:0;padding:.8rem;background:transparent;color:var(--muted)}.auth-tabs button.active{background:var(--green);color:#031108;font-weight:800}.stack{display:flex;flex-direction:column;gap:1rem;margin-top:1.6rem}label{display:flex;flex-direction:column;gap:.55rem;color:#b8c9bf;font-size:.78rem;font-weight:650}input{width:100%;border:1px solid #234432;border-radius:0;outline:none;background:#050b08;color:var(--text);padding:.9rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:#4d6256}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #46f08a1a}.primary,.secondary{min-height:48px;border:1px solid var(--green);padding:.85rem 1.15rem;font-weight:800}.primary{background:var(--green);color:#031108}.primary:hover:not(:disabled){background:var(--green-bright)}.secondary{background:transparent;color:var(--green)}.alert{border:1px solid currentColor;padding:.8rem 1rem;font-size:.78rem;line-height:1.5}.alert.bad{color:var(--red);background:#ff8a6b12}.alert.good{color:var(--green);background:#46f08a0f}.center-shell{display:grid;place-items:center;min-height:100vh;padding:24px}.state-card{width:min(560px,100%);padding:2.5rem;text-align:center}.state-card h1{margin:1.2rem 0 .65rem}.state-card p{color:var(--muted);line-height:1.65}.state-icon{display:grid;place-items:center;width:64px;height:64px;margin:3rem auto 0;border:1px solid var(--green);color:var(--green);font-size:1.5rem}.state-icon.blocked{border-color:var(--red);color:var(--red)}.account-email{margin:1.4rem 0;color:var(--green-bright)}.button-row{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.loader{width:38px;height:38px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.topbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#04090ce0}.account{display:flex;gap:1rem;align-items:center;color:var(--muted);font-size:.75rem}.account button,.refresh,.member-actions button{border:1px solid var(--line);background:transparent;color:var(--green);padding:.55rem .8rem}.dashboard{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:4.5rem 0 6rem}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.hero-row h1{margin:.7rem 0 .5rem;font-size:clamp(2.25rem,5vw,4.2rem);letter-spacing:-.055em}.hero-row p{max-width:680px;color:var(--muted);line-height:1.7}.live-chip{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);padding:.65rem .85rem;color:var(--green-dim);font-size:.72rem;white-space:nowrap}.live-chip span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:2.5rem 0 1.25rem;border:1px solid var(--line);background:var(--line)}.metric-grid div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;background:var(--surface)}.metric-grid span{color:var(--muted);font-size:.72rem}.metric-grid strong{color:var(--green-bright)}.global-alert{margin-bottom:1.25rem}.content-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:1.25rem}.panel{padding:clamp(1.25rem,3vw,2rem)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.panel-heading h2{margin:.35rem 0 0;font-size:1.3rem}.step,.count{color:var(--green);font-size:.78rem}.notice-box{border-left:2px solid var(--amber);padding:.85rem 1rem;background:#f3b74d0f}.notice-box strong{color:var(--amber);font-size:.78rem}.notice-box p{margin:.35rem 0 0;color:#b9aa84;font-size:.75rem;line-height:1.55}.flow-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.flow-list li{position:relative;display:flex;gap:1rem;padding-bottom:1.45rem}.flow-list li:not(:last-child):before{content:"";position:absolute;left:14px;top:30px;bottom:3px;width:1px;background:var(--line)}.flow-list li>span{position:relative;z-index:1;display:grid;flex:0 0 29px;place-items:center;width:29px;height:29px;border:1px solid var(--line);background:var(--surface-2);color:var(--green);font-size:.68rem}.flow-list strong{font-size:.85rem}.flow-list p{margin:.35rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}.orders-panel,.admin-panel{margin-top:1.25rem}.order-list,.member-list{display:flex;flex-direction:column}.order-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;padding:1.2rem 0;border-top:1px solid var(--line-soft)}.order-main,.order-meta{display:flex;flex-direction:column;gap:.45rem}.order-main strong{font-size:.9rem}.order-main .muted,.order-meta{font-size:.7rem}.order-meta{align-items:flex-end;color:var(--muted)}.order-meta strong{color:var(--green-bright);font-size:1rem}.order-progress{grid-column:1 / -1;padding-top:.9rem;border-top:1px solid var(--line-soft)}.progress-current{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem;color:#84b8ff;font-size:.72rem}.progress-current>span{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #84b8ff1a}.progress-current.stopped{color:var(--amber)}.order-progress ol{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none}.order-progress li{position:relative;display:flex;align-items:center;gap:.45rem;color:var(--muted)}.order-progress li:not(:last-child):after{content:"";position:absolute;z-index:0;left:21px;right:5px;top:10px;height:1px;background:var(--line)}.order-progress li>span{position:relative;z-index:1;display:grid;flex:0 0 21px;place-items:center;width:21px;height:21px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:.58rem}.order-progress li small{position:relative;z-index:1;padding-right:.35rem;background:var(--surface);font-size:.62rem}.order-progress li.done{color:var(--green)}.order-progress li.done:not(:last-child):after{background:#4ade8073}.order-progress li.active{color:#84b8ff}.order-progress li.stopped{color:var(--amber)}.status{width:fit-content;border:1px solid currentColor;padding:.2rem .45rem;font-size:.62rem;text-transform:uppercase}.status.good,.good-text{color:var(--green)}.status.warn,.warn-text{color:var(--amber)}.status.bad{color:var(--red)}.status.active{color:#84b8ff}.empty-state{display:grid;place-items:center;min-height:180px;border-top:1px solid var(--line-soft);color:var(--muted)}.empty-state span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);color:var(--green)}.empty-state p{margin:0}.member-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;border-top:1px solid var(--line-soft)}.member-row>div:first-child{display:flex;flex-direction:column;gap:.3rem}.member-row strong{font-size:.82rem}.member-row span{color:var(--muted);font-size:.68rem}.member-actions{display:flex;gap:.5rem}.member-actions .danger{border-color:#ff8a6b66;color:var(--red)}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem max(24px,calc((100vw - 1180px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:.65rem}@media(max-width:820px){.auth-shell{grid-template-columns:1fr;gap:3rem;padding:36px 0}.auth-intro .eyebrow{margin-top:3rem}.content-grid{grid-template-columns:1fr}.hero-row{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}}@media(max-width:560px){.auth-shell,.dashboard{width:min(100% - 24px,1180px)}.auth-intro h1{font-size:2.55rem}.facts{grid-template-columns:1fr}.topbar{padding:0 12px}.account span{display:none}.dashboard{padding-top:2.5rem}.order-row{grid-template-columns:1fr}.order-meta{align-items:flex-start}.order-progress ol{grid-template-columns:1fr;gap:.55rem}.order-progress li:not(:last-child):after{inset:21px auto -9px 10px;width:1px;height:auto}.member-row{align-items:flex-start;flex-direction:column}.button-row{flex-direction:column}footer{flex-direction:column;padding-inline:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.loader{animation:none}}
