:root{color-scheme:dark;--bg:#08090b;--bg2:#0d0f12;--panel:#111318;--panel2:#151820;--line:#282c34;--line2:#1d2027;--text:#f5f5f1;--soft:#c8cbd1;--muted:#858c97;--accent:#d6bb79;--accent2:#9a8151;--good:#78dfa4;--bad:#ff7794;--warn:#f0c76f;--shadow:0 28px 80px rgba(0,0,0,.34);--radius:22px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 78% -10%,rgba(214,187,121,.11),transparent 26%),radial-gradient(circle at -10% 55%,rgba(95,87,140,.09),transparent 28%),var(--bg);min-height:100vh}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line2);background:rgba(9,10,12,.9);backdrop-filter:blur(20px);padding:22px 16px;display:flex;flex-direction:column;z-index:30}.brand-block{display:flex;align-items:center;gap:12px;padding:4px 8px 24px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f4d88d,#98783d);color:#161108;font-weight:1000;font-size:20px;box-shadow:0 14px 35px rgba(214,187,121,.16)}.brand-block strong,.brand-block small{display:block}.brand-block strong{font-size:14px}.brand-block small{margin-top:2px;font-size:10px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase}.nav-list{display:grid;gap:7px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:14px;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;transition:.16s ease}.nav-item span{width:22px;text-align:center;color:#a6abb4}.nav-item b{font-size:13px}.nav-item:hover{background:rgba(255,255,255,.04);color:var(--soft)}.nav-item.active{background:linear-gradient(90deg,rgba(214,187,121,.13),rgba(214,187,121,.035));border-color:rgba(214,187,121,.2);color:var(--text)}.nav-item.active span{color:var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line2);padding:18px 6px 2px;display:grid;gap:12px}.mini-profile{display:flex;gap:10px;align-items:center;min-width:0}.avatar-dot{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel2);font-weight:900;color:var(--accent)}.mini-profile b,.mini-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-profile b{font-size:12px}.mini-profile small{font-size:10px;color:var(--muted);margin-top:2px}.workspace{min-width:0;padding:0 34px 60px}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:20;background:linear-gradient(to bottom,rgba(8,9,11,.97) 72%,rgba(8,9,11,0));padding-bottom:16px}.topbar h1{margin:2px 0 0;font-size:24px;letter-spacing:-.035em}.kicker{margin:0;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:10px}.status-pill,.soft-badge{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;padding:8px 11px;color:var(--soft);font-size:11px;font-weight:800;white-space:nowrap}.soft-badge{border-color:rgba(214,187,121,.2);color:#ddc78f;background:rgba(214,187,121,.065)}.mobile-menu{display:none}.page{display:none;animation:pageIn .22s ease}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.panel{border:1px solid var(--line);background:linear-gradient(160deg,rgba(20,22,27,.96),rgba(13,15,18,.96));border-radius:var(--radius);box-shadow:var(--shadow)}.hero-panel{min-height:310px;padding:38px;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;overflow:hidden;position:relative}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(214,187,121,.08),transparent 38%,rgba(89,74,120,.06));pointer-events:none}.hero-copy{position:relative;z-index:1}.hero-copy h2{font-size:clamp(34px,4.8vw,64px);line-height:.96;letter-spacing:-.06em;margin:10px 0 16px;max-width:850px}.hero-copy>p:not(.kicker){max-width:660px;color:var(--muted);line-height:1.7}.hero-actions,.action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.primary,.ghost,.danger{border-radius:14px;padding:12px 16px;font-weight:900;border:1px solid transparent}.primary{background:linear-gradient(135deg,#e0c988,#ad8a47);color:#161109;box-shadow:0 14px 32px rgba(214,187,121,.14)}.primary:hover{filter:brightness(1.05)}.primary:disabled{opacity:.45;cursor:not-allowed;filter:none}.ghost{background:rgba(255,255,255,.045);border-color:var(--line);color:var(--soft)}.ghost:hover{background:rgba(255,255,255,.075);color:var(--text)}.danger{background:rgba(255,119,148,.08);border-color:rgba(255,119,148,.22);color:#ff9db1}.compact{padding:9px 12px;font-size:11px}.full-btn{width:100%;margin-top:12px}.orbital{width:230px;height:230px;justify-self:center;position:relative;display:grid;place-items:center}.ring{position:absolute;border:1px solid rgba(214,187,121,.24);border-radius:50%;inset:14px}.ring:before,.ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px rgba(214,187,121,.7)}.ring:before{top:15%;left:8%}.ring:after{right:10%;bottom:18%}.r1{animation:spin 12s linear infinite}.r2{inset:42px;border-style:dashed;border-color:rgba(164,143,96,.2);animation:spin 8s linear infinite reverse}.core{width:92px;height:92px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(214,187,121,.2),rgba(255,255,255,.03));border:1px solid rgba(214,187,121,.3);font-size:30px;font-weight:1000;letter-spacing:-.08em}@keyframes spin{to{transform:rotate(360deg)}}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.metric{padding:18px;min-height:120px}.metric span{font-size:9px;letter-spacing:.18em;color:var(--muted);font-weight:900}.metric b{display:block;margin:15px 0 5px;font-size:22px}.metric small{color:var(--muted);font-size:11px}.section-card{padding:24px;margin-bottom:16px}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.section-heading h3{font-size:22px;margin:5px 0 3px;letter-spacing:-.035em}.section-heading p:not(.kicker){color:var(--muted);font-size:12px;line-height:1.6;margin:4px 0 0}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-item{border:1px solid var(--line2);background:rgba(255,255,255,.025);border-radius:16px;padding:16px}.flow-item i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(214,187,121,.09);color:var(--accent);font-style:normal;font-weight:900;font-size:11px}.flow-item b{display:block;margin:14px 0 6px;font-size:13px}.flow-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.two-col{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;align-items:start}.sticky-note{position:sticky;top:116px}.sticky-note h3{font-size:25px;margin:7px 0 8px}.sticky-note>p:not(.kicker){color:var(--muted);line-height:1.6;font-size:12px}.detail-list{display:grid;gap:0;margin-top:18px;border:1px solid var(--line2);border-radius:14px;overflow:hidden}.detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid var(--line2);font-size:11px}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--muted)}.detail-list b{font-size:11px}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:11px;color:var(--soft);font-weight:800}.field small{font-size:10px;color:var(--muted);line-height:1.5}input,select,textarea{width:100%;border:1px solid var(--line);background:#0b0d10;color:var(--text);border-radius:13px;padding:12px 13px;outline:0}input:focus,select:focus,textarea:focus{border-color:rgba(214,187,121,.45);box-shadow:0 0 0 4px rgba(214,187,121,.045)}textarea{resize:vertical;min-height:84px}.dropzone{margin-top:15px;min-height:176px;border:1px dashed rgba(214,187,121,.34);background:linear-gradient(145deg,rgba(214,187,121,.05),rgba(255,255,255,.018));border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;position:relative;cursor:pointer;transition:.16s}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:rgba(214,187,121,.075)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(214,187,121,.1);color:var(--accent);font-size:21px;margin-bottom:4px}.dropzone b{font-size:14px}.dropzone span,.dropzone small{color:var(--muted);font-size:11px}.file-queue,.result-list{display:grid;gap:9px;margin-top:14px}.queue-row,.result-row{border:1px solid var(--line2);background:rgba(255,255,255,.025);border-radius:14px;padding:12px 13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.queue-num{width:30px;height:30px;border-radius:9px;background:rgba(214,187,121,.075);display:grid;place-items:center;color:var(--accent);font-size:10px;font-weight:900}.queue-main{min-width:0}.queue-main b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-main small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.row-status{font-size:10px;font-weight:900;padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.row-status.good{color:var(--good);border-color:rgba(120,223,164,.25);background:rgba(120,223,164,.05)}.row-status.bad{color:var(--bad);border-color:rgba(255,119,148,.25);background:rgba(255,119,148,.05)}.result-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.result-row h4{margin:0 0 4px;font-size:12px}.result-row p{margin:0;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}.result-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.mini-action{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--soft);border-radius:9px;padding:7px 9px;font-size:10px;font-weight:800;text-decoration:none}.mini-action:hover{background:rgba(255,255,255,.07)}.progress-wrap{margin-top:16px;border:1px solid var(--line);background:#0c0e11;border-radius:14px;padding:12px}.progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:10px}.progress-head span{color:var(--muted)}.bar{height:5px;background:#1c2026;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:inherit;transition:width .2s}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.wide{grid-column:1/-1}.toggle-row{grid-column:1/-1;border:1px solid var(--line2);background:rgba(255,255,255,.02);border-radius:14px;padding:12px;display:flex;align-items:flex-start;gap:11px}.toggle-row input{width:auto;margin-top:2px;accent-color:var(--accent)}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:11px}.toggle-row small{font-size:10px;color:var(--muted);margin-top:3px}.notice{border:1px solid rgba(214,187,121,.18);background:rgba(214,187,121,.045);color:#c8bd9f;border-radius:14px;padding:12px 13px;font-size:11px;line-height:1.6;margin-bottom:16px}.muted{font-size:11px;color:var(--muted)}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.sys-card{border:1px solid var(--line2);background:rgba(255,255,255,.025);border-radius:14px;padding:14px}.sys-card span{font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.sys-card b{display:block;margin-top:8px;font-size:13px;overflow-wrap:anywhere}.sys-card.good b{color:var(--good)}.sys-card.bad b{color:var(--bad)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(420px,100%);padding:22px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.modal h3{font-size:24px;margin:5px 0}.icon-btn{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);font-size:20px}.modal .field{margin-bottom:11px}.modal-note{font-size:10px;color:var(--muted);line-height:1.55;margin:13px 0 0}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:150;width:min(360px,calc(100vw - 40px));display:grid;gap:8px}.toast{border:1px solid var(--line);background:rgba(19,21,26,.96);backdrop-filter:blur(16px);border-radius:14px;padding:12px 13px;box-shadow:var(--shadow);animation:toastIn .2s ease}.toast b{display:block;font-size:11px;margin-bottom:3px}.toast p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.toast.good{border-color:rgba(120,223,164,.25)}.toast.bad{border-color:rgba(255,119,148,.3)}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1060px){.metric-grid,.workflow-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{grid-template-columns:1fr 230px}.two-col{grid-template-columns:1fr}.sticky-note{position:static}.system-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:260px;transform:translateX(-102%);transition:.2s;box-shadow:30px 0 80px rgba(0,0,0,.45)}.sidebar.open{transform:none}.workspace{padding:0 16px 40px}.mobile-menu{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.04);color:var(--text)}.topbar{height:88px}.topbar>div:nth-child(2){flex:1}.top-actions .status-pill{display:none}.hero-panel{grid-template-columns:1fr;padding:26px}.orbital{display:none}.hero-copy h2{font-size:40px}.form-grid{grid-template-columns:1fr}.wide,.toggle-row{grid-column:auto}.section-heading{align-items:flex-start}.result-row{grid-template-columns:1fr}.result-actions{justify-content:flex-start}}@media(max-width:560px){.metric-grid,.workflow-grid,.system-grid{grid-template-columns:1fr}.section-card{padding:18px}.top-actions .ghost{padding:9px 10px}.hero-panel{min-height:0}.hero-copy h2{font-size:34px}.queue-row{grid-template-columns:auto minmax(0,1fr)}.queue-row .row-status{grid-column:2}.section-heading{flex-direction:column}.soft-badge{align-self:flex-start}}
