:root{
  --ink:#17212b;--muted:#65727e;--soft:#f4f6f8;--panel:#fff;--line:#d8e0e6;
  --navy:#102840;--navy2:#183b5b;--blue:#2f76a6;--blue2:#dfeef8;
  --green:#22764d;--green-bg:#eaf5ef;--amber:#9a6200;--amber-bg:#fbf3df;
  --red:#ad3a33;--red-bg:#faeceb;--purple:#6b4aa5;--purple-bg:#f1ecfb;
  --shadow:0 8px 28px rgba(16,40,64,.08);--radius:14px;
  font-family:Inter,Aptos,"Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--ink);background:#eef2f5;line-height:1.42;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef2f5;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{min-height:100vh}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy),#0d2236);color:#fff;display:flex;flex-direction:column;z-index:50}.brand{padding:20px 18px 18px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;gap:12px;align-items:center}.brand-mark{width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:10px;display:grid;place-items:center;position:relative;font-weight:800}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:9px;right:9px;height:3px;background:#fff;border-radius:3px}.brand-mark:before{top:12px}.brand-mark:after{bottom:12px}.brand-mark span{width:8px;height:8px;border-radius:50%;background:#79bce3;display:block}.brand-copy strong{display:block;font-size:13px;letter-spacing:.08em}.brand-copy small{display:block;color:#b8cad8;font-size:11px;margin-top:2px}.uat-badge{margin:14px 14px 2px;border:1px solid rgba(255,255,255,.18);background:rgba(121,188,227,.12);padding:10px 11px;border-radius:10px}.uat-badge b{display:block;font-size:10px;letter-spacing:.12em;color:#cfe8f6}.uat-badge span{display:block;font-size:10px;color:#c5d4df;margin-top:4px}.nav{padding:12px 10px;display:flex;flex-direction:column;gap:4px}.nav-section{font-size:9px;letter-spacing:.13em;color:#7f9bb0;padding:10px 11px 4px;text-transform:uppercase}.nav button{width:100%;border:0;background:transparent;color:#cad7e0;text-align:left;padding:10px 11px;border-radius:9px;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center}.nav button:hover,.nav button.active{background:#1a3d5b;color:#fff}.nav button.active{box-shadow:inset 3px 0 #79bce3}.nav-icon{font-size:15px;text-align:center}.nav-count{font-size:10px;background:#2c506d;color:#dbe8ef;padding:1px 7px;border-radius:999px}.sidebar-footer{margin-top:auto;padding:15px 16px 18px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-footer button{width:100%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#c9d8e2;padding:9px;border-radius:9px;font-size:11px}.sidebar-footer p{font-size:9px;color:#84a0b5;margin:10px 0 0}
.content-shell{min-width:0}.topbar{position:sticky;top:0;z-index:40;height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 24px}.mobile-menu{display:none;border:0;background:#eef3f7;width:38px;height:38px;border-radius:10px;color:var(--navy)}.mode-set{display:flex;border:1px solid #cbd6de;border-radius:9px;overflow:hidden}.mode-set span{padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#72808b;background:#fff}.mode-set .on{background:var(--navy);color:#fff}.topbar-spacer{flex:1}.role-test{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.role-test label{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.08em}.role-test select{border:0;background:transparent;color:#253747;font-weight:700;font-size:11px;outline:none}.user-chip{display:flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid var(--line)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e7eff5;color:var(--navy);font-size:11px;font-weight:800}.user-copy strong,.user-copy span{display:block}.user-copy strong{font-size:11px}.user-copy span{font-size:9px;color:var(--muted)}.mobile-role{display:none}
.banner{background:#fff7dc;border-bottom:1px solid #ebd692;padding:8px 24px;display:flex;gap:10px;align-items:center;font-size:10px;color:#74540a}.banner strong{letter-spacing:.08em}.banner .push{margin-left:auto;color:#8a6a20}.page{max-width:1600px;margin:0 auto;padding:25px 28px 56px}.page-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:.14em;color:var(--blue);font-weight:900;margin:0 0 5px;text-transform:uppercase}.page-head h1{font-size:30px;line-height:1.08;color:var(--navy);margin:0}.page-head p{font-size:12px;color:var(--muted);max-width:780px;margin:8px 0 0}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #c9d4dd;background:#fff;color:#284052;padding:8px 11px;border-radius:9px;font-size:10px;font-weight:800}.btn:hover{background:#f2f6f9}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}.btn.danger{color:var(--red);border-color:#e2bbb7}.btn:disabled{opacity:.45;cursor:not-allowed}.snapshot{border-left:3px solid #91a9bb;padding-left:11px;min-width:175px}.snapshot span,.snapshot small{display:block;color:var(--muted);font-size:9px}.snapshot strong{display:block;font-size:14px;margin:2px 0;color:#314657}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8da7b9}.kpi.red:before{background:var(--red)}.kpi.amber:before{background:#d29a24}.kpi.green:before{background:var(--green)}.kpi.blue:before{background:var(--blue)}.kpi .label{font-size:9px;letter-spacing:.08em;color:var(--muted);font-weight:800;text-transform:uppercase}.kpi strong{display:block;font-size:27px;color:var(--navy);line-height:1.1;margin-top:5px}.kpi small{display:block;font-size:10px;color:#526371;margin-top:3px}.grid{display:grid;gap:16px;margin-bottom:16px}.grid.two{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 8px rgba(16,40,64,.03);padding:17px 18px;min-width:0}.panel.flush{padding:0;overflow:hidden}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.panel-head small{display:block;font-size:9px;letter-spacing:.12em;color:var(--blue);font-weight:900;text-transform:uppercase}.panel-head h2{font-size:17px;margin:2px 0 0;color:#1b3042}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.quiet{color:var(--muted);font-size:9px}.link-btn{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:800;padding:4px}.fiscal-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.fiscal-strip div{background:#f8fafb;padding:11px}.fiscal-strip span{display:block;font-size:9px;color:var(--muted)}.fiscal-strip strong{display:block;font-size:18px;color:var(--navy);margin-top:3px}.progress-row{margin-top:13px}.progress-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.progress{height:7px;background:#e8edf1;border-radius:99px;overflow:hidden;margin:6px 0}.progress>i{display:block;height:100%;background:var(--blue);border-radius:99px}.fiscal-note{font-size:10px;color:#536572;margin-top:9px}.list{display:flex;flex-direction:column}.list-row{border-top:1px solid #edf1f3;padding:11px 0;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}.list-row:first-child{border-top:0}.list-row button{border:0;background:transparent;text-align:left;padding:0;color:inherit}.date-chip{width:46px;text-align:center;font-size:9px;color:var(--muted);padding-top:2px}.list-main strong{display:block;font-size:11px}.list-main span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.list-main p{font-size:10px;color:#536572;margin:4px 0 0}.chev{font-size:17px;color:#97a4ae}.severity{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border-radius:999px;display:inline-block}.severity.red{background:var(--red-bg);color:var(--red)}.severity.amber{background:var(--amber-bg);color:var(--amber)}.severity.blue{background:var(--blue2);color:var(--blue)}.severity.green{background:var(--green-bg);color:var(--green)}
.patterns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.pattern{background:#f8fafb;border:1px solid #e1e7eb;border-radius:11px;padding:12px;border-top:3px solid #8db1c9}.pattern small{font-size:8px;color:var(--blue);font-weight:900;letter-spacing:.09em}.pattern h3{font-size:12px;margin:6px 0 4px}.pattern p{font-size:9px;color:var(--muted);margin:0 0 9px}.pattern b{font-size:9px;color:#415563}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:1080px}.table th{background:#f2f5f7;text-align:left;padding:9px 10px;font-size:8px;color:#5b6b77;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--line);position:sticky;top:0}.table td{padding:10px;border-bottom:1px solid #e7ecef;font-size:10px;vertical-align:top}.table tbody tr{background:#fff;cursor:pointer}.table tbody tr:hover{background:#f5f9fb}.table strong{display:block;font-size:10px}.table small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.pill{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;border:1px solid currentColor;padding:2px 6px;border-radius:999px}.pill.green{color:var(--green)}.pill.amber{color:var(--amber)}.pill.red{color:var(--red)}.pill.blue{color:var(--blue)}.pill.grey{color:#6b7780}.money{text-align:right;white-space:nowrap}.ids{display:flex;gap:4px;flex-wrap:wrap}.id-chip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#eef2f5;color:#4a5e6d;border-radius:5px;padding:2px 5px;font-size:8px}
.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:15px}.tabs button{border:1px solid var(--line);background:#fff;color:#5b6974;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:800}.tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}.workspace-card{border:1px solid #e2e8ec;border-radius:11px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:9px;background:#fff}.workspace-card:first-child{margin-top:0}.workspace-type{font-size:8px;font-weight:900;letter-spacing:.08em;color:var(--blue);text-transform:uppercase}.workspace-card h3{font-size:11px;margin:4px 0}.workspace-card p{font-size:9px;color:var(--muted);margin:0}.workspace-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.workspace-meta span{font-size:8px;background:#f0f4f6;padding:3px 6px;border-radius:999px;color:#52636f}.workspace-card.private{border-color:#dfd6f2;background:#fbf9ff}.workspace-card.signal{border-left:3px solid #9c7ac4}.workspace-card.waiting{border-left:3px solid #d59a22}.workspace-actions{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.workspace-actions button{border:1px solid #cad5dd;background:#fff;padding:5px 7px;border-radius:7px;font-size:8px;font-weight:800}.reward-box{background:linear-gradient(135deg,#132f49,#1d496c);color:#fff;border-radius:12px;padding:15px}.reward-box small{font-size:8px;color:#9fc4db;letter-spacing:.1em;font-weight:900}.reward-box h3{font-size:16px;margin:6px 0}.reward-box p,.reward-box li{font-size:9px;color:#d0dee8}.reward-box ul{margin:8px 0 13px;padding-left:18px}.reward-box .btn{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff}.privacy-box{border:1px solid #ded4f0;background:#faf8ff;border-radius:12px;padding:14px}.privacy-box strong{display:block;color:var(--purple);font-size:10px}.privacy-box p{font-size:9px;color:#625c6c}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kanban-col{background:#f4f7f9;border-radius:11px;padding:10px}.kanban-col>h3{font-size:10px;color:#465a69;margin:0 0 8px}.mini-card{background:#fff;border:1px solid #e0e6ea;border-radius:9px;padding:9px;margin-top:7px}.mini-card b{display:block;font-size:9px}.mini-card span{font-size:8px;color:var(--muted);display:block;margin-top:3px}
.eng-head{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.eng-title{display:flex;justify-content:space-between;gap:16px}.eng-title h1{font-size:24px;color:var(--navy);margin:0}.eng-title p{font-size:10px;color:var(--muted);margin:5px 0 0}.eng-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.eng-meta{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:15px}.eng-meta div{background:#f8fafb;padding:10px}.eng-meta span{display:block;font-size:8px;color:var(--muted)}.eng-meta strong{display:block;font-size:10px;margin-top:3px}.timeline{position:relative;padding-left:18px}.timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:8px;width:2px;background:#dfe6eb}.event{position:relative;padding:0 0 14px}.event:before{content:"";position:absolute;left:-17px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 0 1px #afc2cf}.event time{font-size:8px;color:var(--muted)}.event strong{display:block;font-size:10px;margin-top:2px}.event p{font-size:9px;color:#536572;margin:3px 0}.event small{font-size:8px;color:#7b8790}
.update-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.code-box{width:100%;min-height:360px;border:1px solid #cbd5dc;border-radius:10px;background:#0f1e2a;color:#dce8ef;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.5;padding:13px;resize:vertical}.validation-state{border-radius:11px;padding:12px 13px;border:1px solid var(--line);background:#f8fafb;margin-bottom:10px}.validation-state.pass{background:var(--green-bg);border-color:#b8dbc6}.validation-state.warn{background:var(--amber-bg);border-color:#e8d39c}.validation-state.error{background:var(--red-bg);border-color:#e3b9b5}.validation-state strong{font-size:11px}.validation-state p{font-size:9px;margin:4px 0 0;color:#52636f}.diff{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;border-top:1px solid #edf1f3;padding:10px 0}.diff:first-child{border-top:0}.diff label{font-size:8px;color:var(--muted);display:block}.diff b{font-size:10px}.diff .arrow{font-size:16px;color:#8b9aa5}.issue{display:flex;gap:8px;border-top:1px solid #edf1f3;padding:8px 0;font-size:9px}.issue:first-child{border-top:0}.issue code{font-size:8px;background:#eef2f5;padding:2px 5px;border-radius:5px}.accept-bar{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.accept-bar p{font-size:8px;color:var(--muted);margin:0;max-width:430px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e8edf0;padding:8px;font-size:9px}.admin-table th{font-size:8px;text-transform:uppercase;color:var(--muted)}.admin-row-actions{display:flex;gap:5px}.admin-row-actions button{border:1px solid #ccd6dd;background:#fff;border-radius:6px;padding:4px 6px;font-size:8px}.ref-card{border:1px solid #e0e6ea;border-radius:10px;padding:11px;margin-top:8px}.ref-card:first-child{margin-top:0}.ref-card strong{font-size:10px}.ref-card span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.hash{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px!important;word-break:break-all}
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:8px}.toast{background:#152d42;color:#fff;border-radius:10px;padding:11px 13px;box-shadow:var(--shadow);font-size:9px;max-width:320px;animation:toastin .18s ease}.toast b{display:block;font-size:10px;margin-bottom:2px}.toast.green{background:#1f6545}.toast.amber{background:#7c5608}@keyframes toastin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mobile-nav{display:none}.drawer-backdrop{display:none}
@media(max-width:1180px){.patterns{grid-template-columns:repeat(2,1fr)}.eng-meta{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:1fr}.admin-grid,.update-shell{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.shell{display:block;padding-bottom:68px}.sidebar{position:fixed;left:-265px;width:244px;transition:left .2s ease;box-shadow:10px 0 30px rgba(0,0,0,.18)}.sidebar.open{left:0}.drawer-backdrop.open{display:block;position:fixed;inset:0;background:rgba(4,18,29,.45);z-index:45}.topbar{height:64px;padding:0 14px;gap:10px}.mobile-menu{display:block}.mode-set{display:none}.role-test{display:none}.user-chip{margin-left:auto;border-left:0;padding-left:0}.user-copy{display:none}.mobile-role{display:block;border:0;background:#f0f4f6;border-radius:8px;padding:7px 8px;font-size:9px;font-weight:800;color:#385063}.banner{padding:7px 14px;line-height:1.25}.banner .push{display:none}.page{padding:18px 14px 32px}.page-head{display:block}.page-head h1{font-size:25px}.head-actions{margin-top:12px}.snapshot{margin-top:12px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{padding:12px}.kpi strong{font-size:23px}.patterns{grid-template-columns:1fr}.grid.equal,.grid.three{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.eng-title{display:block}.eng-badges{justify-content:flex-start;margin-top:10px}.eng-meta{grid-template-columns:repeat(2,1fr)}.workspace-card{grid-template-columns:1fr}.workspace-actions{justify-content:flex-start}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:55;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:#fff;color:#72808b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:8px}.mobile-nav button span{font-size:16px}.mobile-nav button.active{color:var(--navy);font-weight:800}.toast-stack{left:12px;right:12px;bottom:78px}.toast{max-width:none}.update-shell .code-box{min-height:290px}}
@media(max-width:470px){.page-head h1{font-size:23px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi small{display:none}.fiscal-strip{grid-template-columns:1fr 1fr}.fiscal-strip div:last-child{grid-column:1/3}.eng-meta{grid-template-columns:1fr 1fr}.table{min-width:900px}.topbar{gap:7px}.avatar{width:32px;height:32px}.mobile-role{max-width:124px}.page{padding-left:11px;padding-right:11px}.panel{padding:14px}.banner{font-size:9px}.banner strong{font-size:8px}}