:root{--primary: #3478e0;--primary-soft: #eaf1fd;--bg: #fafafa;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--side: 264px;--top: 62px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button{font-family:inherit;cursor:pointer}h1{font-size:26px;margin:0;letter-spacing:-.01em}h2{margin:0 0 6px}h3{margin:0;font-size:16px}.muted{color:var(--muted)}.small{font-size:12.5px}.italic{font-style:italic;color:#4b5563;margin:4px 0 0}.msg{color:#b3261e}.center{text-align:center;margin-top:20vh}.pad{padding:18px 22px}.spacer{flex:1}.section{margin:28px 0 12px;font-size:18px}.topbar{position:fixed;inset:0 0 auto 0;height:var(--top);background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 20px;z-index:30}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;width:calc(var(--side) - 40px)}.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:700}.logo.big{width:auto;font-size:24px;justify-content:center;margin-bottom:4px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:0 12px;height:40px;width:270px;color:var(--muted);background:#fff}.search input{border:0;outline:0;width:100%;font:inherit}.pill{display:flex;align-items:center;gap:8px;border:0;background:none;font-weight:500;font-size:14px;padding:8px 10px;border-radius:8px}.pill:hover,.icon-btn:hover{background:#f3f4f6}.icon-btn{border:0;background:none;padding:7px;border-radius:8px;color:#4b5563}.avatar-btn{border:0;background:none;padding:0}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:600;flex:none}.topbar .avatar-btn .avatar{background:#000;color:#fff}.menu-wrap{position:relative;z-index:40}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35}.scrim.dim{background:#0000004d;z-index:25}.dropdown{position:absolute;top:48px;left:0;min-width:260px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0000001f;padding:6px;z-index:50}.dropdown.right{left:auto;right:0}.dd-title{padding:8px 10px;font-size:13px;color:var(--muted)}.dd-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;padding:9px 10px;border-radius:8px;font-size:14px;text-align:left}.dd-item:hover{background:#f3f4f6}.dd-item.on{background:var(--primary-soft)}.dd-item.primary{color:var(--primary);justify-content:flex-start;font-weight:500}.side{position:fixed;top:var(--top);bottom:0;left:0;width:var(--side);overflow-y:auto;padding:16px;background:var(--bg);z-index:26}.nav-group{margin-bottom:22px}.nav-title{padding:6px 10px 8px;color:var(--muted);font-size:14px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:10px;border-radius:8px;color:#374151;font-weight:500;font-size:14px;text-align:left}.nav-item span:first-of-type{flex:1}.nav-item:hover{background:#f1f2f4}.nav-item.on{background:#f0f1f3;color:var(--primary)}.nav-item.soon{opacity:.6}.nav-item em{font-style:normal;font-size:11px;color:var(--muted)}.nav-badge{background:var(--primary-soft);color:var(--primary);border:1px solid #cfe0fa;border-radius:6px;font-size:12px;padding:1px 8px;font-weight:600}.main{margin-left:var(--side);padding:calc(var(--top) + 28px) 36px 40px 12px;max-width:calc(var(--side) + 1200px)}.card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #0000000a}.card-head{padding:14px 22px;border-bottom:1px solid var(--border)}.hello{display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:20px;gap:16px}.role-card{border:1px solid var(--border);border-radius:10px;padding:10px 18px;display:flex;flex-direction:column;min-width:150px}.role-card small{font-size:12px}.role-card b{font-size:17px}.banner{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;margin-bottom:16px;background:#fff8e1;border-color:#f5e2a1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.stat{padding:22px 24px;display:flex;flex-direction:column;gap:6px}.stat small{color:#4b5563;font-size:14px}.stat b{font-size:30px;letter-spacing:-.02em}.green{color:#16a34a}.blue{color:var(--primary)}.amber{color:#d97706}.charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart{display:flex;align-items:stretch;gap:14px;height:220px;padding-top:6px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.bar{width:100%;max-width:56px;border-radius:6px 6px 0 0;min-height:3px}.bar-val{font-size:12px;color:var(--muted);margin-bottom:4px}.bar-label{font-size:12px;margin-top:8px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.actions{display:flex;gap:10px}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-weight:600;background:#f9fafb;padding:14px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:14px 16px;border-bottom:1px solid #f0f1f3;vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl td.right{text-align:right;white-space:nowrap}.table-foot{padding:14px 22px;border-top:1px solid var(--border);font-weight:500;font-size:13px}.who{display:inline-flex;align-items:center;gap:8px}.act{border:0;background:none;color:var(--primary);font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:6px}.act:hover{background:var(--primary-soft)}.act.danger{color:#dc2626}.act.danger:hover{background:#fdecec}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid}.badge.blue{background:var(--primary-soft);color:var(--primary);border-color:#cfe0fa}.badge.green{background:#e9f9ef;color:#16a34a;border-color:#bfeccf}.badge.amber{background:#fff4e0;color:#d97706;border-color:#f9dcae}.badge.red{background:#fdecec;color:#dc2626;border-color:#f7c5c5}.badge.gray{background:#f3f4f6;color:#4b5563;border-color:#e0e2e6}.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;padding:9px 16px;font-weight:600;font-size:14px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(.94)}.btn-link{background:none;border:0;color:var(--primary);padding:8px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #cfe0fa;border-color:var(--primary)}select.inline{width:auto;padding:6px 10px}.field{display:flex;flex-direction:column;gap:6px;font-weight:500}.field span{font-size:13px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px}.perms{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.perms label{display:flex;align-items:center;gap:8px}.perms input{width:auto}.member{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f1f3}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:grid;place-items:center;z-index:60;padding:16px}.modal{background:#fff;border-radius:14px;width:100%;max-width:460px;max-height:90vh;overflow:auto}.modal.wide{max-width:640px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-body{padding:20px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.auth{width:100%;max-width:380px;padding:28px;text-align:center}.auth .stack{text-align:left;margin-top:14px}.only-mobile{display:none}@media (max-width: 960px){.only-mobile{display:block}.hide-mobile{display:none}.logo{width:auto}.side{transform:translate(-100%);transition:transform .2s;background:#fff;border-right:1px solid var(--border)}.side.open{transform:none}.main{margin-left:0;padding:calc(var(--top) + 20px) 14px 30px}.stats{grid-template-columns:1fr 1fr}.charts{grid-template-columns:1fr}.search{width:100%;max-width:220px}.hello{flex-direction:column;align-items:flex-start}.perms{grid-template-columns:1fr}}.logo-mark{background:var(--primary)}.logo-mark svg{display:block}.nav-badge{background:#f1f2f4;color:#4b5563;border-color:#e5e7eb;font-weight:500}.tbl th{background:transparent;font-size:12px;font-weight:500;color:var(--muted)}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.tbl .small,.small{font-size:12.5px}.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.strip>div{padding:18px 24px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--border)}.strip>div:first-child{border-left:0}.strip small{color:#4b5563;font-size:13px}.strip b{font-size:24px;font-variant-numeric:tabular-nums}.gantt{position:relative}.g-axis{position:relative;height:18px;margin-left:180px;font-size:11.5px;color:var(--muted)}.g-axis span{position:absolute;transform:translate(-50%)}.g-axis span:first-child{transform:none}.g-axis span:last-child{transform:translate(-100%)}.g-row{display:flex;align-items:center;height:32px}.g-name{width:180px;flex:none;padding-right:12px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-track{position:relative;flex:1;height:100%;border-left:1px solid var(--border);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#f1f2f4 calc(25% - 1px),#f1f2f4 25%)}.g-bar{position:absolute;top:8px;height:16px;border-radius:4px;background:#cfd4dc}.g-bar.crit{background:var(--primary)}.key{display:inline-block;width:12px;height:8px;border-radius:2px;background:#cfd4dc;margin:0 4px 0 10px}.key.crit{background:var(--primary);margin-left:0}.checks{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow:auto;font-weight:400}.checks label{display:flex;gap:8px;align-items:center}.checks input{width:auto}.row>.field{flex:1;min-width:0}.report{display:flex;gap:14px;padding:18px 22px;border-bottom:1px solid #f0f1f3}.report:last-child{border-bottom:0}.r-body{flex:1;min-width:0}.r-body p{margin:6px 0 0}.r-head{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.r-issue{color:#b3261e}.attn{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid #f0f1f3;background:none;padding:14px 22px}.attn:last-child{border-bottom:0}.attn:hover{background:#fafafa}.attn b{display:block}.attn em{font-style:normal;color:var(--muted);font-size:13px}.btn-ghost{background:#fff;color:#374151;border:1px solid #d1d5db}.danger-text{color:#dc2626}.charts>*,.stats>*{min-width:0}@media (max-width: 960px){.charts{grid-template-columns:minmax(0,1fr)}.main{overflow-x:hidden}.topbar{gap:8px;padding:0 12px}.search{flex:1;width:auto;max-width:none;min-width:0;padding:0 10px}.search input{min-width:0}.strip{grid-template-columns:1fr}.strip>div{border-left:0;border-top:1px solid var(--border)}.strip>div:first-child{border-top:0}.g-axis{margin-left:110px}.g-name{width:110px}}@media (max-width: 700px){.hide-sm{display:none}.stats{grid-template-columns:1fr 1fr}.stat b{font-size:24px}}.g-axis span{white-space:nowrap}.stat b{font-size:26px;white-space:nowrap}@media (max-width: 700px){.page-head{flex-wrap:wrap}.page-head h1{font-size:24px;width:100%}.actions{flex-wrap:wrap;width:100%}.actions select.inline{flex:1;min-width:0}}@media (max-width: 960px){.spacer{display:none}}