:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}*{box-sizing:border-box}:root[data-theme=dark]{--bg:#07111f;--bg-soft:#0c1727;--panel:#0f172ad1;--panel-strong:#111c2f;--text:#e5edf8;--muted:#93a4b8;--border:#94a3b82e;--accent:#38bdf8;--accent-2:#22c55e;--shadow:#00000059;--chart-grid:#94a3b824}:root[data-theme=light]{--bg:#eef4fb;--bg-soft:#f8fbff;--panel:#ffffffe0;--panel-strong:#fff;--text:#0f172a;--muted:#64748b;--border:#0f172a1f;--accent:#0284c7;--accent-2:#16a34a;--shadow:#0f172a1a;--chart-grid:#0f172a1a}body{color:var(--text);background:radial-gradient(circle at 20% 0%, #38bdf838, transparent 28rem), radial-gradient(circle at 82% 8%, #22c55e2e, transparent 28rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);color:#e5edf8;background:linear-gradient(#0f172aeb,#0f172ab8);height:100vh;padding:24px;position:sticky;top:0}:root[data-theme=light] .sidebar{background:linear-gradient(#0f172a,#172238)}.brand{align-items:center;gap:13px;margin-bottom:34px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#38bdf8,#22c55e);border-radius:16px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 18px 40px #22c55e3d}.brand strong{letter-spacing:-.02em;font-size:17px;display:block}.brand span{color:#9fb2ca;margin-top:3px;font-size:12px;display:block}nav{gap:9px;display:grid}nav a{color:#b8c6d9;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;transition:all .2s;display:flex}nav a.active,nav a:hover{color:#fff;background:#ffffff1a}.access-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;padding:16px;position:absolute;bottom:24px;left:24px;right:24px}.access-card span{color:#9fb2ca;margin-bottom:8px;font-size:12px;display:block}.access-card select{color:#fff;background:#0f172ad9;border:1px solid #ffffff24;border-radius:12px;width:100%;padding:10px 12px}.access-card p{color:#b8c6d9;margin:12px 0 0;font-size:12px;line-height:1.5}main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.pulse-icon{animation:1.2s infinite pulse}.topbar h1{letter-spacing:-.055em;margin:8px 0 7px;font-size:clamp(30px,4vw,52px);line-height:1}.topbar p{color:var(--muted);max-width:800px;margin:0}.top-actions{align-items:center;gap:10px;display:flex}.icon-button,.export-button{border:1px solid var(--border);background:var(--panel);color:var(--text);min-height:44px;box-shadow:0 14px 35px var(--shadow);border-radius:14px}.icon-button{place-items:center;width:44px;display:grid}.export-button{align-items:center;gap:9px;padding:0 16px;font-weight:700;display:inline-flex}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.kpi{border:1px solid var(--border);background:var(--panel);box-shadow:0 14px 35px var(--shadow);border-radius:20px;padding:16px;position:relative;overflow:hidden}.kpi:after{content:"";background:#38bdf81f;border-radius:999px;width:100px;height:100px;position:absolute;inset:auto -25px -45px auto}.kpi.green:after{background:#22c55e26}.kpi.danger:after{background:#ef444429}.kpi-icon{width:40px;height:40px;color:var(--accent);background:#38bdf81f;border-radius:14px;place-items:center;margin-bottom:12px;display:grid}.kpi.green .kpi-icon{color:#22c55e;background:#22c55e21}.kpi.danger .kpi-icon{color:#ef4444;background:#ef444421}.kpi span{color:var(--muted);font-size:12px;display:block}.kpi strong{letter-spacing:-.04em;margin:4px 0;font-size:30px;display:block}.kpi small{color:var(--muted);font-size:12px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 360px;gap:16px;margin-bottom:16px;display:grid}.analytics-grid{grid-template-columns:1.2fr 1fr 1fr;gap:16px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);box-shadow:0 18px 45px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;min-width:0}.panel.large{overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.panel-head.compact{border-bottom:none;padding-bottom:6px}.panel h2{letter-spacing:-.02em;margin:0;font-size:18px}.panel p{color:var(--muted);margin:4px 0 0;font-size:13px}.filters{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.filters label{border:1px solid var(--border);background:var(--panel-strong);min-height:42px;color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:flex}.filters input,.filters select{color:var(--text);background:0 0;border:0;outline:0;min-width:170px}.filters select{min-width:130px}.table-wrap{max-height:545px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1180px}th{background:var(--panel-strong);color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.07em;z-index:1;font-size:11px;position:sticky;top:0}th,td{border-bottom:1px solid var(--border);padding:13px 14px}td{vertical-align:top;font-size:13px}td strong{font-size:13px;display:block}td span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.mono{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}.remarks{max-width:210px;color:var(--muted)}.status{--status:#38bdf8;color:var(--text);background:color-mix(in srgb, var(--status) 15%, transparent);border:1px solid color-mix(in srgb, var(--status) 35%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}.status:before{content:"";background:var(--status);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--status) 14%, transparent);border-radius:50%}.priority{border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800;display:inline-flex}.priority.low{color:var(--muted);background:#94a3b81f}.priority.medium{color:#38bdf8;background:#38bdf824}.priority.high{color:#f59e0b;background:#f59e0b29}.priority.critical{color:#ef4444;background:#ef444429}.feed-panel{padding-bottom:12px}.live-indicator{color:#22c55e;background:#22c55e1c;border-radius:14px;align-items:center;gap:8px;margin:0 18px 12px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.live-indicator span{background:#22c55e;border-radius:50%;width:9px;height:9px;animation:1s ping}.feed-list{gap:10px;padding:0 18px 10px;display:grid}.feed-item{border:1px solid var(--border);background:var(--panel-strong);border-radius:16px;grid-template-columns:13px 1fr;gap:11px;padding:12px;display:grid}.feed-item i{background:#38bdf8;border-radius:50%;width:10px;height:10px;margin-top:4px}.feed-item.completed i{background:#22c55e}.feed-item.delay i{background:#fb7185}.feed-item.blocked i{background:#ef4444}.feed-item.assigned i{background:#a855f7}.feed-item strong{font-size:13px;line-height:1.35;display:block}.feed-item span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.chart-panel{padding:4px 12px 14px}.legend{flex-wrap:wrap;gap:10px;padding:0 8px 4px;display:flex}.legend span{color:var(--muted);font-size:12px}.legend i{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}@keyframes pulse{50%{opacity:.35;transform:scale(.92)}}@keyframes ping{0%{box-shadow:0 0 #22c55e8c}to{box-shadow:0 0 0 12px #22c55e00}}@media (width<=1320px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.access-card{margin-top:20px;position:static}main{padding:18px}.topbar{flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{justify-content:stretch}.filters label,.filters input,.filters select{width:100%}}@media (width<=560px){.kpi-grid{grid-template-columns:1fr}.top-actions{width:100%}.export-button{flex:1;justify-content:center}}.source-line{color:var(--muted);margin-top:10px;font-size:.92rem}.error-line{color:#fb7185}.empty-cell{text-align:center;color:var(--muted);padding:34px!important}