:root{--bg:#f5f5f5;--surface:#ffffff;--ink:#222222;--muted:#666666;--line:#dddddd;--accent:#333333;--accent-ink:#ffffff;--danger:#9b1c1c;--shadow-soft:0 10px 30px rgba(16,34,51,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at 20% 0,#e8eff5 0,var(--bg) 45%);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#333333;color:#ffffff;padding:18px 14px}.sidebar h2{margin:0 0 16px;font-size:18px}.sidebar-logo{display:block;width:100%;max-width:170px;height:auto;margin:0 0 18px}.nav-link{display:block;padding:10px;border-radius:8px;margin-bottom:6px;color:#ffffff}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.16)}.main{padding:18px}.page-transition>*{animation:fade-in-up .26s ease both}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:0 1px 0 rgba(16,34,51,.03);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.card:hover{box-shadow:var(--shadow-soft);border-color:#cfd8df}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.table-wrap,.tasks-table-wrap{overflow-x:auto}.tasks-table td,.tasks-table th{font-size:12px;padding:8px}.compact-control{font-size:12px;padding:6px 8px}.title-link{border:0;background:transparent;color:#333333;text-align:left;padding:0;cursor:pointer;font-weight:600}.title-link:hover{text-decoration:underline}.drawer-backdrop{position:fixed;inset:0;background:rgba(16,34,51,.3);display:flex;justify-content:flex-end;z-index:40}.drawer-panel{width:min(560px,100%);height:100%;background:#f7fafc;border-left:1px solid var(--line);overflow:auto;padding:14px}.modal-backdrop{position:fixed;inset:0;background:rgba(16,34,51,.4);display:grid;place-items:center;padding:20px;z-index:70;animation:fade-in-up .14s ease both}.modal-card{width:min(760px,96vw);max-height:min(86vh,920px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 20px 50px rgba(16,34,51,.24)}.drawer-header{justify-content:space-between}.drawer-header,.drawer-row{display:flex;align-items:center;gap:8px}.drawer-row{margin-top:8px}.drawer-item{border-top:1px solid var(--line);padding:8px 0}table{width:100%;border-collapse:collapse;background:var(--surface)}td,th{text-align:left;border-bottom:1px solid var(--line);padding:10px;vertical-align:top}th{font-weight:600}.label,th{color:var(--muted);font-size:13px}.inline-actions,.row-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f8fafc);color:var(--ink);border-radius:8px;padding:7px 10px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.btn:hover{border-color:#bac6d1;box-shadow:0 2px 8px rgba(16,34,51,.08)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.danger{border-color:#efc7c2;color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.alerts-bell-btn{display:inline-flex;align-items:center;gap:6px}.alerts-bell-btn.icon-only{min-width:38px;min-height:36px;justify-content:center;padding:7px 9px;border-radius:10px}.alerts-bell-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#c62828;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.input,.select{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px}.badge{display:inline-block;border-radius:999px;padding:2px 8px;border:1px solid var(--line);font-size:12px}.error{color:var(--danger);font-size:14px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.mobile-cards{display:none}.groups-tabbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:1px solid var(--line);margin-bottom:12px}.groups-tabs{display:flex;gap:8px}.groups-tab{border-bottom:1px solid var(--line);border:1px solid var(--line);background:#eff3f6;color:var(--ink);border-radius:10px 10px 0 0;padding:8px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.groups-tab:hover{transform:translateY(-1px)}.groups-tab.active{background:#fff;border-bottom-color:#fff}.group-layout{display:flex;justify-content:space-between;align-items:center;gap:12px}.group-action-btn{font-size:12px;padding:5px 8px}.group-left{min-width:0;display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:visible}.group-line1,.group-line2{display:contents}.group-name{display:inline-block;min-width:0;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-meta{font-size:13px;color:var(--muted);white-space:nowrap}.group-chips{display:flex;gap:6px;flex-wrap:nowrap}.badge-link{display:inline-flex}.group-actions{flex-wrap:nowrap}.summary-badge-btn{cursor:pointer}.summary-link{border:0;background:transparent;color:#333333;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.info-icon-btn{width:18px;height:18px;border-radius:999px;border:1px solid #c9d4de;background:#eef2f6;color:#334e68;font-size:12px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.context-popover{position:absolute;top:calc(100% + 6px);left:0;width:min(420px,90vw);border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;z-index:20;box-shadow:0 8px 24px rgba(16,34,51,.12);animation:fade-in-up .18s ease both}.toast-stack{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{min-width:220px;max-width:360px;border-radius:10px;border:1px solid #cfd8df;background:#ffffff;color:#102233;padding:10px 12px;box-shadow:var(--shadow-soft);animation:toast-in .2s ease both;font-size:13px}.toast-item.success{border-color:#a5d6a7;background:#f1fbf1;color:#1b5e20}.toast-item.error{border-color:#ef9a9a;background:#fff3f3;color:#7f1d1d}.toast-item.info{border-color:#bfd8f8;background:#f2f8ff;color:#1e3a8a}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.context-popover,.page-transition>*,.toast-item{animation:none}.btn,.card,.groups-tab{transition:none}}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.dashboard-kpi{background:linear-gradient(180deg,#ffffff,#fafafa)}.dashboard-kpi.good{border-color:#b7e4c7}.dashboard-kpi.warn{border-color:#ffd8a8}.dashboard-kpi.danger{border-color:#ffc9c9}.dashboard-kpi-head{display:flex;align-items:center;justify-content:space-between}.dashboard-kpi-icon{font-size:18px}.dashboard-kpi-value{margin-top:8px;font-size:30px;line-height:1.1;font-weight:700;color:#222}.dashboard-kpi-foot{margin-top:8px;display:flex;justify-content:space-between;align-items:center}.delta-up{color:#1b5e20;border-color:#a5d6a7}.delta-down{color:#7f1d1d;border-color:#ef9a9a}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.dashboard-chart-card{min-height:340px}.dashboard-chart-title{font-size:18px;font-weight:700;color:#222}.dashboard-chart-body{margin-top:8px;width:100%;height:260px}.dashboard-legend{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;gap:8px;align-items:center;padding:12px}.sidebar h2{margin:0;font-size:16px}.sidebar nav{display:flex;gap:6px;overflow:auto}.nav-link{margin-bottom:0;white-space:nowrap}.desktop-table{display:none}.mobile-cards{display:block}.groups-tabbar{align-items:center}.group-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions" "meta meta";grid-row-gap:8px;row-gap:8px;align-items:start}.group-left{display:contents;white-space:normal}.group-line1{display:block;grid-area:name;min-width:0}.group-line2{display:flex;grid-area:meta;flex-wrap:wrap;gap:8px}.group-name{max-width:100%}.group-chips{flex-wrap:wrap}.group-actions{grid-area:actions;justify-self:end;flex-wrap:wrap}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-charts-grid{grid-template-columns:1fr}}