@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#080604;--bg2:#0d0906;--panel:#120d09;--panel2:#17100b;--line:#ffd39921;--line2:#ffb45540;--text:#fff8ef;--muted:#ab9d90;--soft:#74685e;--red:#ef233c;--orange:#ff6a1a;--amber:#ff9d0a;--yellow:#ffc400;--green:#65d699;--gradient:linear-gradient(110deg,var(--red),var(--orange) 50%,var(--yellow));--display:"Space Grotesk",system-ui,sans-serif;--body:"Manrope",system-ui,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--body);background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 5%,#ff660f14,transparent 28%),var(--bg);min-width:320px;color:var(--text);margin:0}button{font:inherit;color:inherit}.skip-link{z-index:100;color:#111;background:#fff;border-radius:9px;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid;position:relative}.ambient{z-index:0;pointer-events:none;filter:blur(10px);border-radius:50%;position:fixed}.ambient-a{background:radial-gradient(circle,#ff4e1414,#0000 68%);width:620px;height:620px;top:-280px;right:5%}.ambient-b{background:radial-gradient(circle,#ffc40009,#0000 68%);width:520px;height:520px;bottom:-300px;left:15%}.sidebar{z-index:10;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0705e6;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 8px 21px;display:flex}.brand-mark{border:1px solid var(--line2);background:linear-gradient(145deg,#ff37281f,#ffc4000d);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 26px #ff681414}.brand-mark b{color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:25px}.brand strong{font:700 16px var(--display)}.brand small{color:var(--orange);font:600 8px var(--display);letter-spacing:.18em;display:block}.environment{border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;margin:18px 4px;padding:11px;display:flex}.environment>i{background:var(--yellow);width:8px;height:8px;box-shadow:0 0 0 5px #ffc40012,0 0 14px var(--yellow);border-radius:50%}.environment strong,.environment small{display:block}.environment strong{font-size:10px}.environment small{color:var(--soft);font-size:8px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:10px;display:grid}.sidebar nav button:hover,.sidebar nav button.active{background:linear-gradient(90deg,#ff50141c,#0000)}.sidebar nav button.active{box-shadow:inset 2px 0 var(--orange)}.nav-glyph{border:1px solid var(--line);width:30px;height:30px;color:var(--orange);border-radius:8px;place-items:center;display:grid}.sidebar nav b,.sidebar nav small{display:block}.sidebar nav b{font-size:11px}.sidebar nav small{color:var(--soft);font-size:8px}.safety-lock{background:#ef233c09;border:1px solid #ef233c38;border-radius:12px;margin-top:auto;padding:13px}.safety-lock>span{color:var(--soft);text-transform:uppercase;letter-spacing:.12em;font-size:8px}.safety-lock strong{color:#ff9b83;font:600 10px var(--display);margin:5px 0;display:block}.safety-lock strong i{background:var(--red);width:6px;height:6px;box-shadow:0 0 10px var(--red);border-radius:50%;margin-right:6px;display:inline-block}.safety-lock small{color:var(--soft);font:500 8px/1.6 monospace}.sidebar-footer{color:var(--soft);font:600 8px var(--display);letter-spacing:.12em;justify-content:space-between;padding:14px 5px 0;display:flex}main{z-index:2;min-width:0;padding:30px 36px;position:relative}.topbar{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.eyebrow{color:var(--orange);font:600 8px var(--display);letter-spacing:.2em}.topbar h1{font:600 clamp(28px,4vw,42px)/1 var(--display);letter-spacing:-.05em;margin:5px 0 0}.top-actions{align-items:center;gap:10px;display:flex}.signal{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.signal i{background:var(--green);width:6px;height:6px;box-shadow:0 0 12px var(--green);border-radius:50%}.signal.checking i{background:var(--amber);box-shadow:0 0 12px var(--amber)}.signal.warn{color:#ff8388}.signal.warn i{background:var(--red);box-shadow:0 0 12px var(--red)}button.ghost,button.primary{cursor:pointer;border-radius:10px;min-height:38px;padding:0 14px;font-size:10px;font-weight:700}button.ghost{border:1px solid var(--line);background:#ffffff05}button.primary{color:#180802;background:var(--gradient);border:0;box-shadow:0 9px 24px #ff501426}button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.45}.demo-banner{background:#ff9d0a0a;border:1px solid #ff9d0a33;border-radius:11px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 13px;font-size:9px;display:flex}.demo-banner strong{color:var(--amber)}.demo-banner span{color:var(--muted)}.page-grid{grid-template-columns:1.35fr .65fr;gap:14px;display:grid}.metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff07,#ffffff02);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000029}.metric{border-radius:16px;min-height:130px;padding:18px}.metric>span{color:var(--soft);text-transform:uppercase;letter-spacing:.1em;font-size:8px}.metric strong{font:600 30px var(--display);margin:13px 0 3px;display:block}.metric small{color:var(--muted);font-size:9px}.metric-scan{background:linear-gradient(90deg,transparent,var(--orange),transparent);height:1px;animation:4s ease-in-out infinite scan-x;position:absolute;bottom:0;left:0;right:0}.tone-orange{color:var(--orange)}.tone-yellow{color:var(--yellow)}.tone-red{color:#ff6c72}.tone-green{color:var(--green)}.panel{border-radius:18px;padding:20px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:16px;display:flex}.panel-head span{color:var(--orange);font:600 7px var(--display);letter-spacing:.16em}.panel-head h2{font:600 18px var(--display);letter-spacing:-.03em;margin:4px 0 0}.panel-head>small{color:var(--soft);align-items:center;gap:6px;font-size:8px;display:flex}.panel-head>small i{background:var(--yellow);width:5px;height:5px;box-shadow:0 0 10px var(--yellow);border-radius:50%}.workflow-panel{grid-column:1/-1}.workflow{grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center;margin:24px 0;display:grid}.flow-node{border:1px solid var(--line);border-radius:13px;min-width:0;padding:13px}.flow-node>span{color:var(--soft);font:600 8px var(--display)}.flow-node b,.flow-node small{display:block}.flow-node b{margin-top:8px;font-size:11px}.flow-node small{color:var(--soft);font-size:8px}.flow-node.done{box-shadow:inset 0 -2px var(--green);border-color:#65d69940}.flow-node.active{box-shadow:inset 0 -2px var(--orange),0 0 28px #ff6a1a14;border-color:#ff6a1a66}.flow-node.locked{opacity:.5}.flow-line{background:var(--line);height:1px}.flow-line i{border:1px solid var(--orange);background:var(--bg);border-radius:50%;width:8px;height:8px;margin:-4px auto;display:block}.workflow-note{background:#ef233c06;border:1px solid #ef233c26;border-radius:12px;grid-template-columns:110px 1fr;gap:5px 16px;padding:13px;display:grid}.workflow-note span{color:var(--red);font:600 8px var(--display);letter-spacing:.1em;grid-row:1/3}.workflow-note strong{font-size:10px}.workflow-note small{color:var(--soft);font-size:8px}.queue-panel,.focus-panel{min-height:315px}.request-list{margin:6px -8px -8px;display:grid}.request-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:64px 1fr auto 54px;align-items:center;gap:10px;padding:13px 8px;display:grid}.request-list button:last-child{border-bottom:0}.request-list button:hover,.request-list button.selected{background:linear-gradient(90deg,#ff5a1412,#0000)}.order-id{color:var(--orange);font:600 9px var(--display)}.request-copy b,.request-copy small{display:block}.request-copy b{font-size:10px}.request-copy small{color:var(--soft);margin-top:3px;font-size:8px}.status{border:1px solid var(--line);width:max-content;color:var(--muted);border-radius:99px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex}.status i{background:var(--orange);border-radius:50%;width:5px;height:5px}.status-applied i{background:var(--green)}.status-conflict i,.status-denied i{background:var(--red)}.status-needs-information i{background:var(--amber)}.risk{text-align:right;font-size:8px}.risk-low{color:var(--green)}.risk-review{color:var(--amber)}.risk-blocked{color:#ff757b}.focus-grid{gap:12px;margin:19px 0;display:grid}.focus-grid div{border-bottom:1px solid var(--line);padding-bottom:11px}.focus-grid span,.facts span,.policy-item span{color:var(--soft);font-size:8px}.focus-grid strong,.focus-grid small{display:block}.focus-grid strong{margin:4px 0;font-size:11px}.focus-grid small{color:var(--muted);font-size:8px}.focus-panel .primary{width:100%}.focus-panel .primary span{margin-left:12px}.requests-layout{grid-template-columns:minmax(360px,.8fr) minmax(480px,1.2fr);gap:14px;display:grid}.requests-index,.request-detail{min-height:690px}.detail-status{align-items:center;gap:9px;margin:18px 0;display:flex}.detail-status>span:last-child{color:var(--muted);margin-left:auto;font-size:9px}.diff{border:1px solid var(--line);background:#ffffff03;border-radius:14px;grid-template-columns:1fr 40px 1fr;align-items:center;padding:18px;display:grid}.diff div:not(.diff-arrow) span,.diff div:not(.diff-arrow) strong{display:block}.diff span{color:var(--soft);font-size:8px}.diff strong{margin-top:7px;font-size:11px}.diff-arrow{color:var(--orange);text-align:center;font-size:22px}.facts{grid-template-columns:110px 1fr;gap:10px;margin:16px 0;display:grid}.facts div{display:contents}.facts strong{border-bottom:1px solid var(--line);padding-bottom:9px;font-size:9px}.approval-zone{background:#ff6a1a08;border:1px solid #ff6a1a33;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:16px;display:flex}.approval-zone span,.approval-zone strong,.approval-zone small{display:block}.approval-zone span{color:var(--orange);font-size:8px}.approval-zone strong{margin:4px 0;font-size:10px}.approval-zone small{color:var(--soft);font-size:8px}.modal{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050302c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal>div{border:1px solid var(--line2);background:var(--panel);border-radius:20px;width:min(520px,100%);padding:28px;box-shadow:0 40px 120px #0009}.modal-code{color:var(--orange);font:600 8px var(--display);letter-spacing:.15em}.modal h2{font:600 27px var(--display)}.modal p,.modal li{color:var(--muted);font-size:11px;line-height:1.7}.modal li b{color:var(--yellow)}.policy-panel,.audit-panel,.system-panel{min-height:520px}.policy-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.policy-item{border:1px solid var(--line);border-radius:12px;padding:15px}.policy-item strong,.policy-item small{display:block}.policy-item strong{font:600 14px var(--display);margin:7px 0}.policy-item small{color:var(--muted);font-size:8px}.guard-list{gap:9px;padding:8px 0;list-style:none;display:grid}.guard-list li{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:10px;font-size:9px;display:flex}.guard-list i{border:1px solid var(--red);border-radius:2px;width:7px;height:7px;transform:rotate(45deg)}.timeline{margin-top:17px;display:grid}.event{grid-template-columns:14px 58px 1fr 110px;align-items:start;gap:9px;min-height:66px;display:grid;position:relative}.event:before{content:"";background:var(--line);width:1px;position:absolute;top:15px;bottom:-4px;left:5px}.event:last-child:before{display:none}.event-node{z-index:2;border:2px solid var(--orange);background:var(--panel);border-radius:50%;width:11px;height:11px;position:relative}.event.good .event-node{border-color:var(--green)}.event.warn .event-node{border-color:var(--red)}.event time{color:var(--soft);font:500 8px monospace}.event b,.event small{display:block}.event b{font-size:10px}.event small{color:var(--muted);margin-top:4px;font-size:8px}.event code{color:var(--soft);text-align:right;font-size:8px}.evidence-panel p,.boundary-panel p{color:var(--muted);font-size:10px;line-height:1.7}.system-grid{margin-top:15px;display:grid}.system-grid>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 5px;font-size:10px;display:flex}.system-grid span{color:var(--muted)}.system-grid strong{color:#ff8388}.system-grid strong i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 10px}.system-grid strong.good{color:var(--green)}.boundary-lock{background:#ef233c06;border:1px solid #ef233c2e;border-radius:11px;justify-content:space-between;margin-top:10px;padding:14px;font:600 9px monospace;display:flex}.boundary-lock strong{color:#ff7d83}.boundary-panel>small{color:var(--soft);font-size:8px}footer{border-top:1px solid var(--line);color:var(--soft);justify-content:space-between;margin-top:20px;padding-top:18px;font-size:8px;display:flex}footer span{color:var(--orange)}@keyframes scan-x{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@media (max-width:1050px){.app-shell{grid-template-columns:78px 1fr}.brand>div,.environment>div,.sidebar nav button>span:last-child,.safety-lock>span,.safety-lock small,.sidebar-footer span{display:none}.brand{padding-inline:2px}.brand-mark{margin:auto}.environment{justify-content:center}.sidebar nav button{grid-template-columns:1fr}.nav-glyph{margin:auto}.safety-lock{text-align:center}.metrics{grid-template-columns:1fr 1fr}.requests-layout{grid-template-columns:1fr}.requests-index,.request-detail{min-height:auto}}@media (max-width:700px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;height:auto;padding:9px 12px;display:grid;position:sticky;top:0}.brand{border:0;padding:0}.brand-mark{width:36px;height:36px}.environment,.safety-lock,.sidebar-footer{display:none}.sidebar nav{justify-content:flex-end;display:flex}.sidebar nav button{padding:4px}.nav-glyph{width:34px;height:34px}.sidebar nav button>span:last-child{display:none}main{padding:20px 14px}.topbar{align-items:start}.top-actions{justify-items:end;display:grid}.top-actions .ghost{display:none}.demo-banner{display:grid}.page-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr}.flow-line{width:1px;height:18px;margin:auto}.request-list button{grid-template-columns:55px 1fr auto}.request-list .risk{display:none}.requests-layout,.diff{grid-template-columns:1fr}.diff-arrow{transform:rotate(90deg)}.approval-zone{display:grid}.policy-grid{grid-template-columns:1fr}.event{grid-template-columns:14px 48px 1fr}.event code{display:none}.topbar h1{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}