:root{--navy:#09241c;--navy2:#0e3025;--green:#29c786;--green2:#79edb8;--ink:#13241d;--muted:#71817a;--line:#dce6e1;--red:#de5661;--amber:#eea43b;--purple:#7964e8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f8f6;color:var(--ink);font-family:Manrope,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:27px 18px;background:linear-gradient(180deg,var(--navy),#071c16);color:white;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 10px;font-size:18px}.brand-mark{width:28px;height:28px;border-radius:9px;background:var(--green);box-shadow:0 0 24px rgba(41,199,134,.28)}nav{display:grid;gap:6px;margin-top:45px}nav button,.diagnose-button{width:100%;border:0;background:transparent;color:#8ca69b;border-radius:10px;padding:11px 12px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer;font:500 13px Manrope}nav button span{width:20px;text-align:center;font-size:16px}nav button.active{background:rgba(255,255,255,.09);color:white}.diagnosis-nav{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.nav-label{padding:0 12px 10px;color:#5f796e;font:9px "DM Mono";text-transform:uppercase;letter-spacing:.12em}.diagnose-button{position:relative;padding:13px 12px;color:white;background:rgba(41,199,134,.1);border:1px solid rgba(121,237,184,.2)}.diagnose-button:hover{background:rgba(41,199,134,.18)}.agent-symbol{color:var(--green2);font-size:20px}.diagnose-button strong,.diagnose-button small{display:block}.diagnose-button strong{font-size:12px}.diagnose-button small{color:#789488;margin-top:2px;font-size:9px}.diagnose-button i{display:none;margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}.diagnose-button i.show{display:block}.diagnosis-nav a{display:block;color:#617d71;text-decoration:none;padding:12px;font-size:10px}.environment{margin-top:auto;display:flex;gap:10px;align-items:center;padding:14px 12px;border:1px solid rgba(255,255,255,.08);border-radius:11px}.environment>span{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.environment strong,.environment small{display:block}.environment strong{font-size:10px}.environment small{color:#668176;margin-top:4px;font-size:8px}main{margin-left:248px;min-height:100vh}header{height:68px;padding:0 35px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:space-between}header>div{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}header b{color:#bdc7c2}.header-right{gap:17px}.system-online{display:flex;gap:7px;align-items:center}.system-online i{width:6px;height:6px;background:var(--green);border-radius:50%}.avatar{width:32px;height:32px;border-radius:50%;background:#dcebe4;display:grid;place-items:center;font-weight:700;color:var(--ink)}.workspace{width:min(970px,calc(100% - 70px));margin:0 auto;padding:54px 0 70px}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font:500 10px "DM Mono";text-transform:uppercase;letter-spacing:.13em;color:#20a66c}.page-title h1{font-size:38px;letter-spacing:-.045em;margin:9px 0 7px}.page-title p{margin:0;color:var(--muted);font-size:14px}.build-pill{padding:7px 11px;border-radius:99px;background:#fff1dd;color:#a86b15;font:9px "DM Mono";text-transform:uppercase}.build-pill.fixed{background:#e8fff3;color:#178758}.upload-card,.activity{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 24px 70px rgba(30,69,53,.07)}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px;color:var(--muted);font-size:11px;font-weight:600}input{width:100%;border:1px solid #cfdbd5;border-radius:10px;padding:13px 14px;font:13px Manrope;color:var(--ink);outline:none;background:#fbfdfc}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(41,199,134,.1)}.drop-zone{margin:20px 0;display:flex;align-items:center;gap:13px;border:1px dashed #cbd9d2;background:#f9fcfa;border-radius:12px;padding:16px}.file-icon{width:42px;height:42px;border-radius:9px;background:#dff7eb;color:#168254;display:grid;place-items:center;font:600 10px "DM Mono"}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{font-size:12px}.drop-zone span{color:var(--muted);margin-top:3px;font-size:9px}.drop-zone .ready{margin-left:auto;color:#178758;background:#e7fff2;border-radius:99px;padding:5px 8px;font:9px "DM Mono"}.primary-button{display:block;margin-left:auto;border:0;border-radius:10px;padding:13px 22px;background:var(--green);color:#073321;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(41,199,134,.2)}.primary-button:disabled{opacity:.65;cursor:wait}.upload-state{margin-top:22px;padding-top:20px;border-top:1px solid #edf2ef}.upload-state-head,.upload-state-head>div{display:flex;align-items:center;justify-content:space-between}.upload-state-head>div{gap:10px}.upload-state-head strong{font-size:12px}.upload-state-head b{font:11px "DM Mono"}.spinner{width:17px;height:17px;border:2px solid #bde7d3;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}.spinner.done{animation:none;border:0;background:var(--green);color:white}.progress-track{height:9px;background:#e8efec;border-radius:99px;overflow:hidden;margin:13px 0 8px}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--green2));border-radius:inherit;transition:width .25s ease}.progress-track span.stalled{background:linear-gradient(90deg,var(--amber),#f1c16f)}.upload-state p{color:var(--muted);font-size:10px;margin:0}.error-state,.success-state{margin-top:20px;border-radius:11px;padding:15px;display:flex;gap:12px;align-items:center}.error-state{background:#fff2f3;border:1px solid #f0c9cd;color:#9d3440}.success-state{background:#edfff6;border:1px solid #bdebd4;color:#14784c}.error-icon,.success-state>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900}.error-icon{background:var(--red)}.success-state>span{background:var(--green)}.error-state strong,.error-state p,.success-state strong,.success-state p{display:block;margin:0}.error-state strong,.success-state strong{font-size:12px}.error-state p,.success-state p{font-size:10px;margin-top:3px}.error-state button{margin-left:auto;border:1px solid #e9aeb4;background:white;color:#a73843;border-radius:8px;padding:8px 11px;font-weight:700;cursor:pointer}.activity{margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-heading h2{font-size:17px;margin:5px 0 0}.section-heading>span{color:var(--muted);font-size:9px}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf2ef}.file-chip{width:35px;height:35px;border-radius:8px;background:#e8f4ff;color:#4384bd;display:grid;place-items:center;font:9px "DM Mono"}.file-chip.video{background:#eeeaff;color:#7664cd}.activity-row div strong,.activity-row div small{display:block}.activity-row div strong{font-size:11px}.activity-row div small{color:var(--muted);margin-top:3px;font-size:9px}.activity-row>b{margin-left:auto;font:9px "DM Mono"}.success-text{color:#1d9b65}.diagnosis-overlay{position:fixed;inset:0 0 0 248px;background:rgba(7,22,17,.42);backdrop-filter:blur(6px);display:flex;justify-content:flex-end;z-index:20}.diagnosis-panel{width:min(560px,100%);height:100%;overflow:auto;background:#0b2019;color:white;padding:26px;box-shadow:-20px 0 70px rgba(0,0,0,.28)}.panel-header,.panel-header>div{display:flex;align-items:center;justify-content:space-between}.panel-header>div{gap:11px}.panel-header h2{font-size:20px;margin:3px 0 0}.panel-header button{border:1px solid rgba(255,255,255,.12);background:transparent;color:#96aca3;border-radius:8px;width:32px;height:32px;font-size:20px;cursor:pointer}.agent-flow{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;margin:28px 0 20px}.agent-flow article{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.025)}.agent-avatar{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font:600 11px "DM Mono"}.agent-avatar.purple{background:rgba(121,100,232,.16);color:#aa9bff}.agent-avatar.green{background:rgba(41,199,134,.14);color:var(--green2)}.agent-flow small,.agent-flow strong,.agent-flow p{display:block}.agent-flow small{color:#637c71;font:8px "DM Mono";text-transform:uppercase}.agent-flow strong{font-size:11px;margin-top:2px}.agent-flow p{color:#799086;font-size:8px;margin:3px 0 0}.agent-flow article>i{margin-left:auto;color:#687e75;font:8px "DM Mono";font-style:normal}.agent-flow article.running{border-color:rgba(121,237,184,.28)}.agent-flow article.running>i{color:var(--green2)}.flow-line{height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.diagnosis-progress{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px}.diagnosis-progress>div:first-child{display:flex;align-items:center;gap:9px}.diagnosis-progress strong{font-size:10px}.diagnosis-progress b{margin-left:auto;font:9px "DM Mono";color:var(--green2)}.pulse{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.diagnosis-track{height:3px;background:rgba(255,255,255,.08);border-radius:99px;margin-top:13px}.diagnosis-track span{display:block;width:10%;height:100%;background:var(--green);transition:width .5s ease}.report{margin-top:18px}.report-top{display:grid;padding:18px;border:1px solid rgba(121,237,184,.2);background:rgba(41,199,134,.06);border-radius:12px}.report-top span{color:var(--green2);font:9px "DM Mono";text-transform:uppercase}.report-top strong{color:var(--green2);font-size:28px;letter-spacing:-.04em;margin:8px 0}.report-top b{color:#8da69b;font:9px "DM Mono"}.evidence{display:grid;gap:9px;margin:15px 0}.evidence div,.root-cause,.recommendation{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025)}.evidence span,.root-cause span,.recommendation span{display:block;color:#6f887d;font:8px "DM Mono";text-transform:uppercase;margin-bottom:6px}.evidence code,.evidence strong,.root-cause strong{font:10px "DM Mono";line-height:1.6}.root-cause strong{color:#f1bc70}.recommendation p{font-size:10px;line-height:1.55;color:#bdcec7;margin:0}.fix-button{width:100%;display:flex;align-items:center;gap:12px;margin-top:15px;border:0;border-radius:11px;background:var(--green2);color:#073321;padding:14px;cursor:pointer;text-align:left}.fix-button>span:first-child{font-size:20px}.fix-button strong,.fix-button small{display:block}.fix-button strong{font-size:11px}.fix-button small{font-size:8px;opacity:.65;margin-top:2px}.fix-result{margin-top:15px;padding:14px;border:1px solid rgba(121,237,184,.25);background:rgba(41,199,134,.08);border-radius:10px;display:flex;gap:10px;color:var(--green2)}.fix-result>span{font-weight:900}.fix-result strong,.fix-result p{display:block;margin:0}.fix-result strong{font-size:11px}.fix-result p{font-size:9px;color:#8ea79c;margin-top:3px}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.sidebar{position:static;width:100%;height:auto}.sidebar nav,.environment{display:none}.diagnosis-nav{margin-top:20px}.diagnosis-overlay{inset:0}.diagnosis-panel{width:100%}main{margin-left:0}.workspace{width:calc(100% - 30px);padding-top:30px}.upload-grid{grid-template-columns:1fr}.agent-flow{grid-template-columns:1fr}.flow-line{height:20px;width:1px;margin:auto}}