:root{--bg:#f4f7fb;--panel:#fff;--ink:#152238;--muted:#7b8799;--line:#e7ebf2;--blue:#4d6fff;--blue-soft:#eef1ff;--green:#20a675;--green-soft:#e7f8f1;--amber:#c98b2d;--amber-soft:#fff4df;--red:#d95d63;--red-soft:#ffebed;--shadow:0 8px 30px rgba(35,55,90,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:27px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:750;letter-spacing:.2px;margin:0 12px 25px}.brand small{font-size:11px;font-weight:500;color:var(--muted)}.brand-mark,.big-mark{display:grid;place-items:center;background:linear-gradient(145deg,#5b79ff,#354cd1);color:#fff;border-radius:11px;font-size:21px;font-weight:800;width:39px;height:39px;box-shadow:0 5px 12px #526bdb42}.test-badge{display:inline-flex;align-self:flex-start;border-radius:5px;padding:4px 7px;background:#fff2d9;color:#ab7628;font-size:9px;font-weight:800;letter-spacing:.7px;margin:0 12px 22px}nav{display:grid;gap:4px}.nav-item{border:0;background:none;color:#667287;border-radius:8px;text-align:left;padding:11px 12px;display:flex;align-items:center;gap:12px;font:inherit;cursor:pointer}.nav-item span{width:16px;text-align:center;font-size:18px}.nav-item b{margin-left:auto;background:#f0f3f8;border-radius:10px;padding:1px 7px;font-size:11px;color:#78859a}.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:700}.nav-item.active b{background:#dce3ff;color:var(--blue)}.danger-count{color:var(--red)!important;background:var(--red-soft)!important}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:17px 10px 0;display:flex;gap:9px;align-items:center;font-size:11px}.sidebar-footer small{display:block;color:var(--muted);margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:#25b57c;box-shadow:0 0 0 4px #e7f8f1}.main-content{max-width:1400px;width:100%;padding:31px 42px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#97a1b0}.topbar h1{margin:4px 0 0;font-size:25px;letter-spacing:-.5px}.top-actions{display:flex;gap:13px;align-items:center}.role-chip{font-size:10px;color:#64718a;font-weight:800;letter-spacing:.6px;background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:7px}.avatar{width:34px;height:34px;border:0;background:#ecdfff;color:#764bb0;border-radius:50%;font-weight:700}.safety-banner{display:flex;align-items:center;gap:11px;background:#eff4ff;border:1px solid #dbe4ff;border-radius:9px;padding:12px 15px;margin-bottom:30px;color:#51617e}.safety-banner .shield{display:grid;place-items:center;background:#dce5ff;color:var(--blue);border-radius:50%;width:26px;height:26px}.safety-banner strong{font-size:12px;color:#3d5084;margin-right:10px}.safety-banner span{font-size:12px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-head h2{margin:2px 0 0;font-size:20px;letter-spacing:-.3px}.muted{color:var(--muted)}.last-sync{font-size:11px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.stat-card{padding:20px;display:flex;gap:14px;align-items:flex-start}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;font-size:19px}.stat-icon.blue,.row-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-icon.amber,.row-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.green,.row-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.red,.row-icon.red{background:var(--red-soft);color:var(--red)}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{font-size:24px;display:block;margin:1px 0}.stat-card small{font-size:10px}.columns{display:grid;grid-template-columns:1.35fr 1fr;gap:19px}.panel{padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel h3{margin:0;font-size:14px}.link-button{border:0;background:none;color:var(--blue);font-size:11px;cursor:pointer}.data-row,.table-row{display:grid;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 0}.data-row{grid-template-columns:29px minmax(0,1fr) auto 90px 22px}.table-row{grid-template-columns:minmax(220px,1.5fr) minmax(120px,1fr) minmax(110px,1fr) minmax(110px,1fr) 22px}.row-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center}.row-main{min-width:0}.row-main strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small,.workflow small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.pill{display:inline-block;border-radius:5px;padding:4px 7px;font-size:10px;white-space:nowrap;background:#f0f2f6;color:#667287}.pill.blue{background:var(--blue-soft);color:var(--blue)}.pill.amber{background:var(--amber-soft);color:#a9711e}.pill.green{background:var(--green-soft);color:#16825d}.pill.red{background:var(--red-soft);color:#bb4d56}.row-date,.table-row>span{font-size:10px;color:var(--muted)}.more{border:0;background:none;color:#a5afbd;letter-spacing:1px;cursor:pointer}.live-label{font-size:9px;color:var(--green);font-weight:800}.live-label i,.access i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:4px}.workflow-line{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.workflow-node{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:12px}.workflow-node.success{color:var(--green);background:var(--green-soft)}.workflow-node.warning{color:var(--amber);background:var(--amber-soft)}.workflow-line>div{flex:1}.workflow-line strong{font-size:12px}.health{font-size:9px;color:var(--green);font-weight:800}.warning-text{color:var(--amber)}.primary,.outline{border-radius:7px;padding:9px 13px;font:inherit;font-size:11px;cursor:pointer}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue);box-shadow:0 4px 9px #526bdb35}.outline{background:#fff;border:1px solid var(--line);color:#5f6d83}.toolbar{display:flex;gap:16px;align-items:center;margin-bottom:15px}.search{background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:#a2adbd;flex:0 1 290px}.search input{border:0;outline:0;font:inherit;font-size:11px;margin-left:6px;width:85%}.filters{display:flex;gap:5px}.filter{border:1px solid transparent;background:none;color:var(--muted);font-size:11px;padding:7px 10px;border-radius:6px}.filter.active{background:#fff;border-color:var(--line);color:var(--ink)}.filter b{font-weight:500;color:var(--blue)}.table-panel{padding:17px 21px}.table-head{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(120px,1fr) minmax(110px,1fr) minmax(110px,1fr) 22px;gap:12px;padding:0 0 9px;color:#a2acbb;font-size:9px;font-weight:800;letter-spacing:.8px}.error-head{grid-template-columns:minmax(220px,1.5fr) minmax(150px,1.2fr) minmax(110px,1fr) minmax(90px,.7fr) 22px}.user-head{grid-template-columns:minmax(220px,1.5fr) minmax(100px,1fr) minmax(100px,1fr) minmax(130px,1fr) 22px}.mode-note{font-size:10px;background:var(--red-soft);color:#b74e58;padding:7px 10px;border-radius:6px}.queue-row{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding:17px 0}.time{width:72px}.time strong,.time small{display:block}.time strong{font-size:12px}.time small{font-size:10px;color:var(--muted)}.queue-bar{height:34px;width:3px;border-radius:3px}.queue-bar.amber{background:var(--amber)}.queue-bar.red{background:var(--red)}.queue-bar.green{background:var(--green)}.queue-row .row-main{flex:1}.queue-row .outline{font-size:10px}.note-card{display:flex;gap:11px;background:#fffaf0;border:1px solid #f8e7bf;color:#8e6d35;padding:14px;border-radius:9px;margin-top:18px}.note-card>span{font-size:18px}.note-card strong{font-size:12px}.note-card p{font-size:11px;margin:3px 0 0}.user-cell{display:flex;align-items:center;gap:9px}.user-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:800}.user-avatar.purple{background:#ecdfff;color:#784caf}.user-avatar.blue{background:#e0ebff;color:#4670c7}.user-avatar.orange{background:#ffe6cf;color:#b76b2b}.access{font-size:10px;color:var(--green)}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:19px}.settings-panel h3{margin-bottom:15px}.setting{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0}.setting strong,.setting small{display:block}.setting strong{font-size:12px}.setting small{font-size:10px;color:var(--muted);margin-top:3px}.toggle{width:34px;height:19px;padding:2px;border:0;border-radius:12px;background:#dfe4ec}.toggle i{display:block;width:15px;height:15px;background:#fff;border-radius:50%;transition:.2s}.toggle.on{background:var(--green)}.toggle.on i{transform:translateX(15px)}.about{text-align:center;padding:20px 0}.big-mark{margin:0 auto 13px;width:47px;height:47px}.about strong{display:block}.about p{font-size:11px;color:var(--muted);margin:5px 0 15px}.about .test-badge{margin:0}.toast{position:fixed;right:24px;bottom:24px;background:#17253d;color:#fff;border-radius:8px;padding:12px 15px;font-size:11px;box-shadow:var(--shadow);z-index:2}@media(max-width:900px){.sidebar{width:200px}.main-content{padding:25px}.stat-grid{grid-template-columns:repeat(2,1fr)}.columns,.settings-grid{grid-template-columns:1fr}.table-panel{overflow:auto}.table-head,.table-row{min-width:700px}}@media(max-width:620px){.sidebar{width:65px;padding:20px 9px}.brand{margin:0 3px 25px}.brand>span:last-child,.test-badge,nav .nav-item:not(.active)::after,nav .nav-item b,.sidebar-footer div:not(.status-dot){display:none}.nav-item{justify-content:center;padding:11px 0}.nav-item.active{font-size:0}.nav-item.active span{font-size:18px}.main-content{padding:20px 15px}.topbar{margin-bottom:18px}.role-chip{display:none}.stat-card{padding:14px}.stat-card strong{font-size:20px}.toolbar{display:block}.filters{margin-top:8px;overflow:auto}.data-row{grid-template-columns:29px minmax(0,1fr) auto 22px}.data-row .row-date{display:none}.safety-banner{align-items:flex-start}.safety-banner strong,.safety-banner span{display:block;margin:0}.safety-banner strong{margin-bottom:3px}}

/* Mobile regression fixes */
@media(max-width:620px){
  .sidebar{flex-shrink:0}
  .main-content{min-width:0}
  .nav-item{font-size:0;overflow:hidden}
  .nav-item span{font-size:18px}
  .section-head{align-items:flex-start;flex-direction:column;gap:10px}
  .last-sync{white-space:normal}
  .topbar>div:first-child{min-width:0}
}