@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#eef0e9;background:#101315;font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #101315;--ink-soft: #171b1d;--paper: #f1f0e9;--paper-dim: #c3c8bc;--line: #303638;--muted: #8f9991;--lime: #d9fc63;--amber: #ffcb70;--coral: #ff806b;--mono: "DM Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;max-width:1480px;margin:0 auto;padding:0 42px 28px;overflow:hidden}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;gap:10px;align-items:center;color:var(--paper);text-decoration:none;font-size:16px;font-weight:700;letter-spacing:-.04em}.mark{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime);font-family:Fraunces,serif;font-size:18px}.topbar-context{display:flex;gap:10px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.topbar-context strong{color:var(--paper);font-weight:500}.slash{color:#59615c}.live-dot,.pulse,.mode-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #d9fc6319}.topbar-actions{display:flex;gap:12px;align-items:center}.icon-button{border:1px solid var(--line);border-radius:5px;padding:7px 10px;color:var(--muted);background:transparent;font-family:var(--mono);font-size:10px}.avatar{width:32px;height:32px;border:1px solid #b6cd58;border-radius:50%;color:var(--ink);background:var(--lime);font-family:var(--mono);font-size:10px;font-weight:500}.hero{display:flex;align-items:flex-end;justify-content:space-between;padding:76px 0 58px}.eyebrow{margin:0 0 13px;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:700px;margin-bottom:20px;color:var(--paper);font-family:Fraunces,serif;font-size:clamp(3.6rem,8vw,7rem);font-weight:600;letter-spacing:-.075em;line-height:.84}h1 em{color:var(--lime);font-style:normal}.hero-copy{max-width:420px;margin:0;color:var(--paper-dim);font-size:15px;line-height:1.6}.hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:18px;padding-bottom:5px}.mode-pill,.count-chip,.verified{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;padding:7px 11px;color:var(--paper-dim);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.mode-pill.demo{border-color:#767c4d;color:var(--lime)}.mode-pill.connected{color:var(--lime)}.primary-button,.approve-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:4px;padding:13px 18px;color:var(--ink);background:var(--lime);font-size:12px;font-weight:700;transition:transform .18s ease,background .18s ease}.primary-button:hover,.approve-button:hover{background:#e9ff91;transform:translateY(-2px)}.primary-button span{font-size:18px;font-weight:400;line-height:0}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{display:flex;flex-direction:column;gap:7px;min-height:132px;padding:24px 26px 21px 0;border-right:1px solid var(--line)}.metric+.metric{padding-left:26px}.metric:last-child{border-right:0}.metric-label,.metric-detail{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.metric strong{color:var(--paper);font-family:Fraunces,serif;font-size:43px;font-weight:600;letter-spacing:-.07em;line-height:1}.metric strong.lime{color:var(--lime)}.metric strong.amber{color:var(--amber)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.88fr) minmax(270px,.62fr);gap:16px;padding-top:18px}.panel{border:1px solid var(--line);border-radius:5px;background:var(--ink-soft)}.queue-panel,.detail-panel{min-height:610px}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:24px 24px 19px;border-bottom:1px solid var(--line)}.panel-heading.compact{align-items:center;padding-bottom:18px}h2{margin:0;color:var(--paper);font-family:Fraunces,serif;font-size:25px;font-weight:600;letter-spacing:-.05em}h2 span{color:var(--lime);font-family:var(--mono);font-size:11px;font-weight:400;vertical-align:middle}.filter-tabs{display:flex;gap:4px}.filter-tabs button{border:0;border-radius:3px;padding:7px 8px;color:var(--muted);background:transparent;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.filter-tabs button.active{color:var(--ink);background:var(--paper)}.queue-list{display:flex;flex-direction:column}.request-row{position:relative;width:100%;border:0;border-bottom:1px solid var(--line);padding:17px 24px 16px;color:inherit;background:transparent;text-align:left;transition:background .2s ease}.request-row:hover,.request-row.selected{background:#202628}.request-row.selected:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--lime);content:""}.row-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.risk-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted)}.risk-dot.medium{background:var(--amber)}.risk-dot.high{background:#ff9d67}.risk-dot.critical{background:var(--coral);box-shadow:0 0 0 4px #ff806b18}.risk-dot.low{background:#80c7a2}.request-id,.row-time,.status-text{color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.status-text{margin-left:auto}.status-text.pending{color:var(--lime)}.status-text.approved{color:#80c7a2}.status-text.denied{color:var(--coral)}.row-time{color:#68716b}.row-main{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.row-main strong{overflow:hidden;color:var(--paper);font-family:var(--mono);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.row-main span{flex:none;color:var(--paper-dim);font-size:11px}.request-row p{overflow:hidden;margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.panel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:17px 24px;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.panel-footer span{display:flex;align-items:center;gap:8px}.panel-footer button,.text-button{border:0;color:var(--paper-dim);background:none;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.panel-footer button:hover,.text-button:hover{color:var(--lime)}.pulse{width:5px;height:5px;box-shadow:none}.detail-panel{padding:24px}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--line)}.detail-header h2{max-width:330px;overflow:hidden;font-family:var(--mono);font-size:19px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.risk-badge{border-radius:3px;padding:7px 9px;color:var(--ink);background:var(--amber);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.risk-badge.high,.risk-badge.critical{color:#fff;background:var(--coral)}.risk-badge.low{background:#80c7a2}.request-meta{display:grid;grid-template-columns:1fr 1fr;gap:21px 12px;padding:25px 0;border-bottom:1px solid var(--line)}.request-meta div{display:flex;flex-direction:column;gap:6px}.request-meta span{color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.request-meta strong{color:var(--paper);font-size:12px;font-weight:500}.reason-block{padding:24px 0 20px}.reason-block p:last-child{margin:0;color:var(--paper-dim);font-family:Fraunces,serif;font-size:17px;line-height:1.35}.policy-callout{display:flex;gap:12px;align-items:flex-start;border:1px solid #53613d;border-radius:4px;padding:14px;background:#303c25}.shield{display:grid;width:24px;height:24px;flex:none;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime);font-size:12px}.policy-callout div{display:flex;flex-direction:column;gap:4px}.policy-callout strong{color:var(--lime);font-size:11px}.policy-callout span{color:#b6c29a;font-size:11px;line-height:1.4}.decision-actions{display:grid;grid-template-columns:1fr 2fr;gap:9px;margin-top:28px}.deny-button{border:1px solid #59615c;border-radius:4px;color:var(--paper-dim);background:transparent;font-size:12px}.deny-button:hover{border-color:var(--coral);color:var(--coral)}.approve-button{min-height:42px}.approve-button:disabled,.deny-button:disabled{cursor:wait;opacity:.55}.approve-button span{margin-left:auto;font-size:18px;font-weight:400}.requested-time{margin:20px 0 0;color:#68716b;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.decision-result{display:flex;gap:12px;align-items:center;margin-top:28px;border-radius:4px;padding:14px;background:#253d2e}.decision-result.denied{background:#482c29}.decision-result>span{font-size:22px}.decision-result div{display:flex;flex-direction:column;gap:4px}.decision-result strong{font-size:12px}.decision-result small{color:var(--paper-dim);font-size:11px}.side-column{display:flex;flex-direction:column;gap:16px}.policy-panel,.audit-panel{padding-bottom:17px}.count-chip{color:var(--lime)}.policy-list{padding:0 24px}.policy-item{display:flex;gap:11px;padding:16px 0;border-bottom:1px solid var(--line)}.policy-item:last-child{border-bottom:0}.policy-icon{display:grid;width:26px;height:26px;flex:none;place-items:center;border:1px solid #57615a;border-radius:50%;color:var(--lime);font-family:var(--mono);font-size:13px}.policy-item>div:last-child{display:flex;flex-direction:column;gap:4px}.policy-item strong{color:var(--paper);font-size:11px;font-weight:600}.policy-item span,.policy-item small{color:var(--muted);font-size:10px;line-height:1.4}.policy-item small{color:#758077;font-family:var(--mono);font-size:9px}.verified{border-color:#53613d;color:var(--lime);font-size:9px}.chain-visual{display:flex;align-items:center;padding:25px 24px 15px}.chain-node{display:flex;min-width:80px;flex-direction:column;gap:7px}.chain-node span{color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.chain-node strong{color:var(--lime);font-family:var(--mono);font-size:10px;font-weight:400}.chain-node.faded strong{color:var(--paper-dim)}.chain-line{height:1px;flex:1;margin:17px 9px 0;background:repeating-linear-gradient(90deg,#63764f 0 5px,transparent 5px 9px)}.audit-copy{margin:0 24px 17px;color:var(--muted);font-size:11px;line-height:1.55}.text-button{margin-left:24px;padding:0}.empty-state{padding:45px 24px;color:var(--muted);font-family:var(--mono);font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:.1em}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#080a0bd9}.request-modal{width:min(500px,100%);border:1px solid #4b5550;border-radius:5px;padding:26px;background:#171b1d;box-shadow:0 30px 100px #0008}.modal-heading{display:flex;justify-content:space-between;margin-bottom:24px}.close-button{border:0;color:var(--muted);background:none;font-size:24px}.close-button:hover{color:var(--paper)}.request-modal label{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;color:var(--paper-dim);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.request-modal input,.request-modal select,.request-modal textarea{width:100%;border:1px solid var(--line);border-radius:3px;outline:none;padding:11px 12px;color:var(--paper);background:#101315;font-family:DM Sans,sans-serif;font-size:12px;text-transform:none;letter-spacing:0}.request-modal textarea{min-height:90px;resize:vertical}.request-modal input:focus,.request-modal select:focus,.request-modal textarea:focus{border-color:var(--lime)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.request-modal .approve-button{width:100%;margin-top:2px}.toast{position:fixed;z-index:20;right:24px;bottom:24px;border:1px solid #617446;border-radius:4px;padding:13px 16px;color:var(--lime);background:#26321e;font-family:var(--mono);font-size:10px;letter-spacing:.05em;box-shadow:0 10px 30px #0006}.footer{display:flex;justify-content:space-between;padding-top:24px;color:#68716b;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}@media(max-width:1100px){.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr)}.side-column{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.queue-panel,.detail-panel{min-height:620px}}@media(max-width:700px){.app-shell{padding:0 18px 22px}.topbar-context{display:none}.hero{display:block;padding:54px 0 40px}.hero-actions{flex-direction:row;align-items:center;justify-content:space-between;padding-top:30px}.metric-strip{grid-template-columns:1fr 1fr}.metric{min-height:105px;padding:18px 14px 16px 0}.metric+.metric{padding-left:14px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric strong{font-size:35px}.workspace-grid{display:flex;flex-direction:column}.queue-panel,.detail-panel{min-height:auto}.side-column{display:flex}.panel-heading{display:block}.filter-tabs{margin-top:18px}.row-main{display:block}.row-main span{display:block;margin-top:4px}.footer{gap:15px;flex-direction:column}}