:root{--ink:#0b0f0d;--panel:#141a17;--line:#303833;--acid:#c8ff3d;--paper:#efeee6;--muted:#87918a;--danger:#ff684d;--font-display:'Chakra Petch',sans-serif;--font-body:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:14px}.shell{width:min(1500px,calc(100% - 64px));margin:auto}.topbar{position:sticky;top:0;z-index:20;height:78px;padding:0 max(32px,calc((100vw - 1500px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(11,15,13,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none}.brand strong{font:700 24px var(--font-display)}.brand i{color:var(--acid);font-style:normal}.brand>span{color:var(--muted);font:600 8px/1.25 var(--font-display);letter-spacing:1.4px}.environment{color:#a8b0ab;font:600 9px var(--font-display);letter-spacing:1.2px}.environment span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);margin-right:8px}.hero{display:grid;grid-template-columns:1.45fr .55fr;gap:8vw;padding-top:86px;padding-bottom:68px}.eyebrow,.section-kicker{color:var(--acid);font:700 10px var(--font-display);letter-spacing:2px}.hero h1{font:700 clamp(55px,7.4vw,112px)/.84 var(--font-display);text-transform:uppercase;letter-spacing:-.06em;margin:22px 0 30px}.hero h1 em{color:var(--acid);font-style:normal}.hero>div>p{max-width:700px;color:#abb3ae;font-size:17px;line-height:1.7}.hero-status{align-self:end;border-left:3px solid var(--acid);padding:25px 28px;background:#111613}.hero-status>span{color:var(--muted);font:600 9px var(--font-display);letter-spacing:1.5px;text-transform:uppercase}.hero-status strong{display:block;font:700 23px/1.05 var(--font-display);margin:12px 0;color:var(--acid)}.hero-status p{margin:0;color:#a9b1ac;font-size:12px;line-height:1.6}.workflow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.step{background:#111613;padding:20px;display:grid;grid-template-columns:42px 1fr;gap:2px 12px}.step>span{grid-row:1/3;color:#657069;font:700 23px var(--font-display)}.step b{font:700 12px var(--font-display);text-transform:uppercase}.step small{color:#7d8780;font-size:10px}.step.active{background:var(--acid);color:var(--ink)}.step.active>span,.step.active small{color:#415014}.workspace{display:grid;grid-template-columns:400px 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px;margin-bottom:80px;align-items:stretch}.case-panel,.result-panel{background:var(--panel)}.case-panel{padding:25px;position:relative}.panel-heading,.attachments-head{display:flex;align-items:center;justify-content:space-between}.panel-heading{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.panel-heading>span,.case-panel label{font:700 9px var(--font-display);letter-spacing:1.4px;text-transform:uppercase;color:#aeb6b0}.text-button{border:0;background:transparent;color:var(--acid);font:700 9px var(--font-display);text-transform:uppercase;cursor:pointer}.case-panel textarea{display:block;width:100%;height:220px;resize:vertical;margin:9px 0 20px;padding:15px;border:1px solid #39423d;background:#0e1311;color:#dce1dd;font:12px/1.6 var(--font-body);outline:none}.case-panel textarea:focus{border-color:var(--acid)}.attachments{display:grid;gap:7px;margin-top:9px}.attachment{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #333b37;background:#111613}.attachment>span{display:grid;place-items:center;width:30px;height:30px;background:#202722;color:var(--acid);font:700 8px var(--font-display)}.attachment b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment small{color:#747e77;font-size:9px}.attachment button{border:0;background:transparent;color:#737d76;cursor:pointer}.security-note{margin-top:18px;padding:13px;border-left:2px solid #58645c;background:#101512}.security-note b{color:#b9c1bb;font:700 9px var(--font-display);text-transform:uppercase}.security-note p{margin:5px 0 0;color:#7f8882;font-size:10px;line-height:1.55}.primary-action,.approve-button{width:100%;display:flex;justify-content:space-between;margin-top:18px;padding:15px 16px;border:0;background:var(--acid);color:var(--ink);font:700 11px var(--font-body);text-transform:uppercase;letter-spacing:.7px;cursor:pointer}.primary-action:hover,.approve-button:not(:disabled):hover{box-shadow:0 0 25px rgba(200,255,61,.18)}.result-panel{min-width:0;padding:32px}.empty-state,.loading-state{min-height:760px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.scanner{width:90px;height:90px;border:1px solid #3c463f;position:relative;margin-bottom:32px;background:linear-gradient(90deg,transparent 49%,rgba(200,255,61,.15) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(200,255,61,.15) 50%,transparent 51%)}.scanner:after{content:'';position:absolute;left:-1px;right:-1px;top:20px;height:2px;background:var(--acid);box-shadow:0 0 12px var(--acid);animation:scan 2s infinite alternate ease-in-out}@keyframes scan{to{transform:translateY(48px)}}.empty-state>span{color:var(--acid);font:700 9px var(--font-display);letter-spacing:1.7px}.empty-state h2,.loading-state h2{font:700 clamp(30px,4vw,58px)/.95 var(--font-display);text-transform:uppercase;margin:18px 0}.empty-state p{max-width:550px;color:#828c85;line-height:1.7}.loading-mark{display:flex;gap:8px}.loading-mark span{width:10px;height:10px;background:var(--acid);animation:pulse 1s infinite alternate}.loading-mark span:nth-child(2){animation-delay:.2s}.loading-mark span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-8px)}}.loading-state ul{padding:0;list-style:none;color:#88928b;line-height:2}.loading-state li:before{content:'✓';color:var(--acid);margin-right:10px}.result-header{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:25px}.result-header h2{font:700 clamp(27px,3vw,46px)/1 var(--font-display);text-transform:uppercase;margin:9px 0 0}.readiness{min-width:150px;padding:13px 15px;border:1px solid #655f31;background:#201f14}.readiness small,.readiness span{display:block;color:#aaa270;font-size:8px;text-transform:uppercase;letter-spacing:1px}.readiness strong{display:block;color:#ffe16b;font:700 27px var(--font-display);margin:4px 0}.readiness.approved{border-color:#446023;background:#17200f}.readiness.approved strong{color:var(--acid)}.alert{display:flex;gap:14px;padding:16px;margin:24px 0;border:1px solid rgba(255,104,77,.5);background:rgba(255,104,77,.08)}.alert>span{display:grid;place-items:center;width:30px;height:30px;flex:none;background:var(--danger);color:#fff;font-weight:700}.alert b{font:700 12px var(--font-display);text-transform:uppercase}.alert p{margin:5px 0 0;color:#c7b3ae;font-size:11px;line-height:1.5}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.data-card,.operations-card,.issue-card{border:1px solid var(--line);background:#111613}.data-card header,.operations-card header{display:flex;align-items:center;gap:13px;padding:17px;border-bottom:1px solid var(--line)}.data-card header span,.operations-card header span,.issue-card>span{color:var(--acid);font:700 19px var(--font-display)}.data-card h3,.operations-card h3,.issue-card h3{margin:0;font:700 14px var(--font-display);text-transform:uppercase}.field{position:relative;padding:13px 15px;border-bottom:1px solid #28302c}.field:last-child{border-bottom:0}.field label{display:block;color:#768078;font-size:8px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.field input{width:calc(100% - 62px);padding:0;border:0;background:transparent;color:#e4e8e5;font:600 12px var(--font-body);outline:none}.field input:focus{color:var(--acid)}.field .source{position:absolute;right:12px;bottom:12px;border:1px solid #414a44;background:transparent;color:#8d9790;padding:4px 6px;font:600 7px var(--font-body);text-transform:uppercase;cursor:pointer}.field.conflict{background:rgba(255,104,77,.07)}.field.conflict input{color:#ff9d89}.field.conflict .source{border-color:var(--danger);color:#ff9d89}.operations-card{margin-top:12px}.chips{display:flex;flex-wrap:wrap;gap:7px;padding:16px}.chip{border:1px solid #3a433d;background:transparent;color:#8a948d;padding:8px 10px;font:600 9px var(--font-body);cursor:pointer}.chip.selected{border-color:#586b26;color:var(--acid);background:#192014}.chip.missing{border-style:dashed;color:#d4bd6c}.issues-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:12px}.issue-card{display:grid;grid-template-columns:45px 1fr;padding:18px}.issue-card small{color:#8e9891;font:700 8px var(--font-display);letter-spacing:1.2px}.issue-card h3{margin:5px 0 12px}.issue-card ul{margin:0;padding-left:17px;color:#b4bcb6;font-size:11px;line-height:1.9}.issue-card p{color:#b9c0bb;font-size:11px;line-height:1.65}.secondary-action{border:1px solid #4a554e;background:transparent;color:#cbd1cd;padding:8px 10px;font:700 8px var(--font-body);text-transform:uppercase;cursor:pointer}.approval{display:grid;grid-template-columns:1fr 210px;gap:15px 30px;align-items:end;margin-top:20px;padding:22px;background:var(--paper);color:var(--ink)}.approval>div{grid-row:1/3}.approval>div>span{color:#536149;font:700 8px var(--font-display);letter-spacing:1.5px}.approval h3{font:700 17px/1.1 var(--font-display);text-transform:uppercase;margin:7px 0}.approval p{margin:0;color:#5c655e;font-size:10px;line-height:1.6;max-width:680px}.approval-check{display:flex;gap:8px;align-items:center;font-size:10px;cursor:pointer}.approval-check input{accent-color:#596f18}.approve-button{margin:0}.approve-button:disabled{background:#b8bbb3;color:#757a74;cursor:not-allowed}.toast{position:fixed;right:25px;bottom:25px;z-index:30;padding:14px 18px;background:var(--acid);color:var(--ink);font-weight:700;transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}dialog{max-width:480px;border:1px solid #4b574f;background:#111613;color:var(--paper);padding:28px;box-shadow:0 25px 80px #000}dialog::backdrop{background:rgba(0,0,0,.72)}dialog>button{position:absolute;right:12px;top:10px;background:transparent;border:0;color:#87918a;font-size:24px;cursor:pointer}dialog>span{color:var(--acid);font:700 9px var(--font-display);letter-spacing:1.5px}dialog h3{font:700 20px var(--font-display);text-transform:uppercase;margin:12px 0}dialog p{color:#949e97;line-height:1.7;font-size:12px}@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-status{max-width:550px}.workspace{grid-template-columns:330px 1fr}.result-grid,.issues-grid{grid-template-columns:1fr}.approval{grid-template-columns:1fr}.approval>div{grid-row:auto}}@media(max-width:780px){.shell{width:min(100% - 28px,1500px)}.topbar{height:68px;padding:0 14px}.environment{display:none}.brand strong{font-size:19px}.hero{padding-top:60px}.workflow{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.case-panel{position:static}.result-panel{padding:18px}.empty-state,.loading-state{min-height:480px}.result-header{flex-direction:column}.readiness{width:100%}.approval{grid-template-columns:1fr}.approval>div{grid-row:auto}}@media(max-width:480px){.hero h1{font-size:48px}.workflow{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.data-card,.operations-card,.issue-card{min-width:0}.issue-card{grid-template-columns:36px 1fr}.field input{font-size:11px}}