:root{--bg:#050807;--bg-soft:#0a100d;--panel:#0c1410c7;--panel-solid:#101914;--ink:#f3f8ef;--soft:#d4dfd2;--muted:#829187;--line:#b3e2a729;--line-strong:#9cff6b6b;--lime:#a5ff68;--green:#43e77d;--cyan:#62e7cd;--gold:#d4bd65;--danger:#ff6b7e;--warning:#ffc86a;--shadow:0 34px 100px #0000007a}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-width:1040px;min-height:100vh;color:var(--ink);background:var(--bg);margin:0;font-family:Microsoft YaHei UI,Noto Sans SC,Segoe UI Variable Text,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}.mono,code{font-family:Cascadia Mono,Consolas,monospace}.site-shell{background:radial-gradient(circle at 18% 18%,#48e77d1a,#0000 28rem),radial-gradient(circle at 83% 32%,#d4bd651a,#0000 34rem),linear-gradient(135deg,#040706 0%,#09110d 54%,#040706 100%);min-height:100vh;position:relative;overflow:hidden}.site-shell:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0 47%,#a5ff6806 47% 47.2%,#0000 47.2%),linear-gradient(#ffffff03,#fff0);position:fixed;inset:0}.ambient{filter:blur(24px);pointer-events:none;opacity:.36;border-radius:999px;width:40rem;height:40rem;position:fixed}.ambient-a{background:radial-gradient(circle,#57ff8959,#0000 65%);top:-8rem;left:-23rem}.ambient-b{background:radial-gradient(circle,#d4bd654a,#0000 66%);bottom:-16rem;right:-20rem}.grid-noise{pointer-events:none;opacity:.24;background-image:linear-gradient(#8fcf8b0f 1px,#0000 1px),linear-gradient(90deg,#8fcf8b0f 1px,#0000 1px);background-size:62px 62px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 77%);mask-image:radial-gradient(circle,#000 10%,#0000 77%)}.topbar{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);background:linear-gradient(145deg,#101b14c2,#060c0994);border-radius:26px;justify-content:space-between;align-items:center;width:min(1500px,100% - 56px);min-height:84px;margin:20px auto 0;padding:13px 18px;display:flex;position:relative;box-shadow:0 22px 60px #0000004d,inset 0 1px #ffffff12}.brand{align-items:center;gap:13px;display:flex}.brand-mark{background:radial-gradient(circle,#a5ff6824,#020804b3);border:1px solid #a5ff6833;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden;box-shadow:0 0 32px #53ff881f,inset 0 1px #ffffff17}.brand-mark img{object-fit:contain;filter:drop-shadow(0 0 12px #92ff6138);width:52px;height:52px}.brand-copy{gap:3px;display:grid}.brand-copy strong{color:#f9fff5;letter-spacing:.02em;font-size:1.02rem}.brand-copy small,.eyebrow,.card-kicker{color:var(--lime);letter-spacing:.18em;font:800 .67rem/1.4 Cascadia Mono,Consolas,monospace}.brand-compact .brand-mark{border-radius:15px;width:50px;height:50px}.brand-compact .brand-mark img{width:45px;height:45px}.ghost-button,.danger-button,.text-button,.row-actions button,.toggle{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:10px 14px;transition:all .18s}.ghost-button:hover,.row-actions button:hover{border-color:var(--line-strong);background:#a5ff6812;transform:translateY(-1px)}.primary-button{color:#081006;background:linear-gradient(135deg, var(--lime), #75f79c 53%, var(--cyan));border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:13px 20px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 44px #4eef7e2e,inset 0 1px #ffffff9e}.primary-button:hover{transform:translateY(-2px);box-shadow:0 22px 54px #4eef7e3d,inset 0 1px #ffffff9e}.primary-button:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-button.outline{color:var(--lime);box-shadow:none;background:#a5ff680e;border:1px solid #a5ff684d}.wide{width:100%}.landing-grid{z-index:1;grid-template-columns:minmax(560px,1.1fr) minmax(410px,.72fr);align-items:center;gap:clamp(56px,8vw,130px);width:min(1390px,100% - 100px);min-height:calc(100vh - 124px);margin:0 auto;display:grid;position:relative}.hero-copy h1,.portal-heading h1,.admin-heading h1,.admin-login-card h1{color:#fbfff6;letter-spacing:-.055em;margin:0;font-family:Bahnschrift,Microsoft YaHei UI,sans-serif;font-weight:900;line-height:.99}.hero-copy h1{text-shadow:0 0 50px #a5ff6814;font-size:clamp(4.2rem,7vw,7.3rem)}.hero-copy h1 em{color:#0000;-webkit-text-stroke:1px #c4ffa9b8;text-shadow:0 0 34px #6bf28814;font-style:normal}.eyebrow{margin:0 0 22px}.hero-lead{color:#b5c1b8;width:min(680px,100%);margin:28px 0 0;font-size:1.08rem;line-height:1.9}.feature-row{gap:10px;margin-top:30px;display:flex}.feature-row span{color:var(--soft);border:1px solid var(--line);background:#ffffff09;border-radius:999px;padding:9px 14px;font-size:.86rem;font-weight:700}.tutorial-link{color:var(--lime);border-bottom:1px solid #a5ff683d;align-items:center;gap:12px;margin-top:30px;padding-bottom:7px;font-weight:800;display:inline-flex}.tutorial-link b{font-size:1.2rem}.glass-card{border:1px solid var(--line);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:radial-gradient(circle at 18% 0,#a5ff6817,#0000 36%),linear-gradient(150deg,#131f18e0,#070d0ad1);border-radius:30px;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--lime), var(--gold), transparent);height:2px;position:absolute;inset:0 0 auto}.login-card{min-height:430px;padding:86px 36px 34px}.window-dots{border-bottom:1px solid var(--line);background:#ffffff06;align-items:center;gap:8px;height:54px;padding:0 22px;display:flex;position:absolute;top:0;left:0;right:0}.window-dots i{background:var(--danger);border-radius:50%;width:9px;height:9px}.window-dots i:nth-child(2){background:var(--warning)}.window-dots i:nth-child(3){background:var(--green)}.window-dots span{color:#6f8075;letter-spacing:.08em;margin-left:auto;font:700 .7rem Cascadia Mono,monospace}.login-card h2,.form-card h2,.side-card h3,.modal h2,.control-panel h2,.panel-title h2,.detail-drawer h2{color:#f9fff6;letter-spacing:-.03em;margin:8px 0 9px;font-family:Bahnschrift,Microsoft YaHei UI,sans-serif;font-size:2rem}.muted{color:var(--muted);line-height:1.7}.muted.small{font-size:.82rem}label{color:#c5d2c7;gap:9px;margin-top:18px;font-size:.86rem;font-weight:700;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#020704ad;border:1px solid #ade1a62b;border-radius:15px;outline:none;padding:14px 15px;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus,textarea:focus{background:#040b06d4;border-color:#a5ff689e;box-shadow:0 0 0 4px #a5ff6817,0 0 28px #43e77d0f}input::placeholder,textarea::placeholder{color:#4f5d53}input:disabled{color:#68736b}select option{color:#132018;background:#eef7ec}.login-card .primary-button{margin-top:22px}.secure-note{color:#66776b;text-align:center;margin-top:17px;font-size:.75rem}.secure-note span{color:var(--green)}.notice{border:1px solid var(--line);border-radius:15px;margin-top:16px;padding:12px 14px;font-size:.87rem;line-height:1.55}.notice.error{color:#ffdce2;background:#ff6b7e17;border-color:#ff6b7e52}.notice.success{color:#e8ffe5;background:#5cdd7317;border-color:#7bf68e4d}.flow-strip{z-index:1;grid-template-columns:repeat(4,1fr);gap:9px;width:min(880px,100% - 80px);margin:-20px auto 36px;display:grid;position:relative}.flow-strip span{border:1px solid var(--line);color:#aebdb1;background:#ffffff06;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:12px;font-size:.82rem;display:flex}.flow-strip b{color:var(--lime);font:800 .75rem Cascadia Mono,monospace}.page-center{min-height:100vh;color:var(--muted);background:#050807;place-content:center;justify-items:center;gap:16px;display:grid}.loader{border:2px solid #a5ff6829;border-top-color:var(--lime);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.portal-main{z-index:1;width:min(1370px,100% - 90px);margin:62px auto 80px;position:relative}.portal-heading{justify-content:space-between;align-items:end;display:flex}.portal-heading h1{font-size:4.5rem}.portal-heading .muted{margin:11px 0 0}.status-orb{text-align:center;border:1px solid var(--line-strong);background:radial-gradient(circle at top,#a5ff6829,#09100cc2 67%);border-radius:28px;place-content:center;width:170px;min-height:126px;padding:20px;display:grid;box-shadow:0 24px 70px #0000004d}.status-orb small,.status-orb span{color:var(--muted);font-size:.72rem}.status-orb strong{color:var(--lime);margin:5px 0;font-size:1.55rem}.status-track{border:1px solid var(--line);background:#ffffff06;border-radius:20px;grid-template-columns:repeat(3,1fr);margin:38px 0 24px;padding:17px 22px;display:grid}.status-track div{color:#66736a;align-items:center;gap:11px;display:flex;position:relative}.status-track div:not(:last-child):after{content:"";background:var(--line);height:1px;position:absolute;top:15px;left:48px;right:18px}.status-track i{z-index:1;border:1px solid var(--line);background:#111a14;border-radius:50%;place-content:center;width:31px;height:31px;font:800 .72rem Cascadia Mono,monospace;display:grid;position:relative}.status-track .active{color:var(--soft)}.status-track .active i{color:#061007;background:var(--lime);border-color:var(--lime)}.portal-grid{grid-template-columns:minmax(700px,1fr) 330px;gap:22px;display:grid}.form-card{padding:30px}.side-card{align-self:start;padding:30px}.section-title,.form-footer,.top-actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.text-button{color:var(--lime);border-color:#a5ff6840}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.form-footer{border-top:1px solid var(--line);margin-top:27px;padding-top:22px}.hint-stack{color:#718078;gap:5px;font-size:.75rem;display:grid}.hint-stack span:before{content:"◇";color:var(--green);margin-right:7px}.divider{background:var(--line);height:1px;margin:26px 0}.side-card dl{gap:17px;margin:0;display:grid}.side-card dl div{justify-content:space-between;gap:16px;display:flex}.side-card dt{color:#68786d}.side-card dd{color:var(--soft);margin:0;font:700 .78rem Cascadia Mono,monospace}.modal-backdrop,.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000402c2;place-items:center;display:grid;position:fixed;inset:0}.modal{width:460px;padding:34px}.modal-close,.drawer-close{border:1px solid var(--line);background:#ffffff0a;border-radius:50%;width:35px;height:35px;font-size:1.3rem;position:absolute;top:17px;right:18px}.admin-login-shell{min-height:100vh}.admin-login-main{z-index:1;place-content:center;min-height:calc(100vh - 130px);display:grid;position:relative}.admin-login-card{width:470px;padding:42px}.admin-login-card h1{font-size:3.7rem}.access-badge{color:var(--lime);letter-spacing:.1em;border:1px solid #a5ff6833;border-radius:999px;padding:6px 10px;font:800 .6rem Cascadia Mono,monospace;position:absolute;top:22px;right:25px}.admin-app{background:radial-gradient(circle at 70% 0,#43e77d12,#0000 32rem),#070a08;grid-template-columns:275px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:linear-gradient(#101a14fa,#050907fa);flex-direction:column;height:100vh;padding:24px 20px;display:flex;position:sticky;top:0}.admin-sidebar .brand-copy strong{font-size:.85rem}.admin-sidebar .brand-copy small{font-size:.55rem}.role-card{border:1px solid var(--line);background:#ffffff06;border-radius:17px;gap:5px;margin:32px 0 22px;padding:15px;display:grid}.role-card span{color:var(--lime);font-size:.7rem}.role-card strong{font-size:.95rem}.admin-sidebar nav{gap:7px;display:grid}.admin-sidebar nav button{text-align:left;color:#8f9c92;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:13px 15px;display:flex}.admin-sidebar nav button i{color:#526057;font:800 .65rem Cascadia Mono,monospace}.admin-sidebar nav button.active{color:#f7fff3;box-shadow:inset 3px 0 0 var(--lime);background:linear-gradient(100deg,#a5ff681a,#a5ff6805);border-color:#a5ff6838}.admin-sidebar nav button.active i{color:var(--lime)}.sidebar-foot{gap:7px;margin-top:auto;display:grid}.sidebar-foot a,.sidebar-foot button{color:#758179;text-align:left;background:0 0;border:0;padding:11px 14px}.admin-main{min-width:0;padding:44px 48px 70px}.admin-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.admin-heading h1{font-size:4rem}.live-indicator{color:#849087;border:1px solid var(--line);letter-spacing:.08em;border-radius:999px;padding:9px 13px;font:700 .65rem Cascadia Mono,monospace}.live-indicator i{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px var(--green);border-radius:50%;margin-right:7px;display:inline-block}.admin-section{gap:18px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.stat-grid div{border:1px solid var(--line);background:linear-gradient(145deg,#131d17d1,#0a0f0cb8);border-radius:21px;align-content:space-between;min-height:104px;padding:19px;display:grid;box-shadow:inset 0 1px #ffffff0a}.stat-grid small{color:#718078}.stat-grid strong{color:#f8fff4;font:900 2.1rem Bahnschrift,sans-serif}.toolbar{grid-template-columns:minmax(300px,1fr) 180px auto;gap:10px;display:grid}.toolbar input,.toolbar select{margin:0}.data-panel{border:1px solid var(--line);background:linear-gradient(150deg,#101914e6,#080c0ad9);border-radius:23px;min-width:0;overflow:auto;box-shadow:0 24px 70px #00000038,inset 0 1px #ffffff09}.data-panel table{border-collapse:collapse;width:100%;min-width:880px}.data-panel th,.data-panel td{text-align:left;vertical-align:middle;border-bottom:1px solid #b3e2a717;padding:15px 16px}.data-panel th{color:#718078;letter-spacing:.1em;text-transform:uppercase;font:800 .66rem Cascadia Mono,monospace}.data-panel td{color:#c9d4cb;font-size:.86rem}.data-panel tr:last-child td{border-bottom:0}.data-panel td small{color:#647068;margin-top:5px;font:.64rem Cascadia Mono,monospace;display:block}.cell-link{color:#f3faef;background:0 0;border:0;padding:0;font-weight:800}.external-link{color:var(--cyan)}.status-pill{text-align:center;border-radius:999px;min-width:69px;padding:6px 9px;font-size:.72rem;font-weight:800;display:inline-block}.status-pill.pending{color:#241704;background:var(--warning)}.status-pill.in_progress{color:#04150c;background:var(--green)}.status-pill.completed{color:#d0d8d2;background:#303b34}.row-actions{flex-wrap:wrap;gap:7px;display:flex}.row-actions button{padding:7px 10px;font-size:.72rem}.row-actions button.accent{color:#071008;background:var(--lime);border-color:#0000}.empty-cell{height:160px;text-align:center!important;color:#617067!important}.split-section{grid-template-columns:350px minmax(0,1fr);align-items:start}.control-panel{padding:27px;overflow:visible}.control-panel h2{margin-bottom:20px}.generated-box{background:#a5ff680a;border:1px solid #a5ff683d;border-radius:17px;margin-top:20px;padding:15px}.generated-box>div:first-child{justify-content:space-between;display:flex}.generated-box textarea{resize:vertical;height:150px;font:.75rem/1.6 Cascadia Mono,monospace}.panel-title{justify-content:space-between;align-items:center;padding:20px 22px 11px;display:flex}.panel-title h2{font-size:1.5rem}.panel-title span{color:var(--muted)}.toggle{min-width:72px;padding:7px 10px}.toggle.on{color:#071209;background:#a5ff681f;border-color:#a5ff684d}.floating-notice{z-index:40;max-width:430px;margin:0;position:fixed;top:24px;right:28px;box-shadow:0 18px 60px #0000006b}.floating-notice button{float:right;color:inherit;background:0 0;border:0;margin-left:14px}.drawer-backdrop{place-items:stretch end}.detail-drawer{border-left:1px solid var(--line-strong);background:radial-gradient(circle at 20% 0,#a5ff681a,#0000 28rem),#0b110d;width:610px;height:100vh;padding:38px;position:relative;overflow:auto;box-shadow:-30px 0 90px #0000007a}.drawer-title{justify-content:space-between;align-items:center;gap:15px;margin:7px 0 22px;display:flex}.drawer-title h2{overflow-wrap:anywhere}.credential-stack{gap:9px;margin:24px 0 10px;display:grid}.credential-stack>div{border:1px solid var(--line);background:#00000036;border-radius:14px;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.credential-stack span{color:var(--muted);font-size:.75rem}.credential-stack code{color:#e8f7e2;overflow-wrap:anywhere}.credential-stack button,.totp-card button{color:var(--lime);background:0 0;border:0}.totp-card{background:#62e7cd0e;border:1px solid #62e7cd40;border-radius:18px;grid-template-columns:1fr auto auto;align-items:center;gap:15px;margin-top:14px;padding:17px;display:grid}.totp-card div{gap:5px;display:grid}.totp-card small{color:var(--muted)}.totp-card strong{color:var(--cyan);letter-spacing:.2em;font:900 2rem Cascadia Mono,monospace}.totp-card span{color:var(--muted)}.drawer-actions{gap:9px;margin:24px 0;display:flex}.danger-button{color:#ff9eaa;background:#ff6b7e12;border-color:#ff6b7e47}.history{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.history h3{margin:0 0 12px}.history details{border:1px solid var(--line);background:#ffffff06;border-radius:13px;margin-top:8px;padding:12px 14px}.history summary{cursor:pointer;color:#bdcabe}.history p,.history a{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem}@media (max-width:1180px){body{min-width:980px}.landing-grid{grid-template-columns:1fr 410px;gap:45px;width:calc(100% - 70px)}.hero-copy h1{font-size:4.8rem}.portal-grid{grid-template-columns:1fr 290px}.admin-main{padding:38px 30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}