:root{color:#111827;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;overflow-x:hidden}button,select,input{font:inherit}button{cursor:pointer}select,input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:44px;padding:10px 12px}.page{width:100%;max-width:100vw;padding:20px;overflow-x:hidden}.login-page,.loading-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:22px;gap:18px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 22px 50px #0f172a1f}.login-card h1{margin:0 0 6px;font-size:30px}.login-button{justify-content:center;width:100%}.login-error{margin:0}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header h1{margin:0;font-size:32px}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.eyebrow{color:#4f46e5;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.muted{color:#6b7280}.primary-button,.ghost-button,.segmented-control button,.filter-chip{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:10px 16px}.primary-button{color:#fff;background:#111827;border-color:#111827}.ghost-button{white-space:nowrap}.toolbar-button-active{color:#fff;background:#111827;border-color:#111827}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-card,.meta-card,.filters-card,.chart-card,.drawer-panel,.loading-card,.error-card,.empty-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px #0f172a0f}.stat-card{flex-direction:column;gap:8px;padding:16px;display:flex}.stat-card span{color:#6b7280;font-size:14px}.stat-card strong{font-size:28px}.stat-card-alert{background:#fff7f7;border:1px solid #fecaca}.meta-card{flex-wrap:wrap;gap:24px;margin-bottom:16px;padding:14px 16px;display:flex}.filters-card{margin-bottom:16px;padding:18px}.filters-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.filters-head h2{margin:0;font-size:18px}.filters-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.filters-layout{grid-template-columns:minmax(320px,1.5fr) repeat(3,minmax(220px,1fr));gap:12px;display:grid}.control-card{background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #e5e7eb;border-radius:16px;min-height:112px;padding:14px}.control-card-wide{grid-template-columns:minmax(180px,.95fr) minmax(220px,1.25fr);gap:12px;display:grid}.filter-field{flex-direction:column;gap:8px;height:100%;display:flex}.filter-field span{color:#6b7280;font-size:13px}.summary-pill{color:#111827;white-space:nowrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;min-height:44px;padding:0 12px;display:inline-flex}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:100%;display:grid}.segmented-control button{text-align:center;white-space:normal;word-break:break-word;justify-content:center;align-items:center;min-height:44px;padding:10px 12px;line-height:1.2;display:inline-flex}.segmented-control button.is-active{color:#fff;background:#111827;border-color:#111827}.segmented-control button:disabled{cursor:not-allowed;opacity:.5}.active-filters-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.filter-chip{background:#f8fafc;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.filter-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.filter-chip-close{color:#6b7280;font-size:18px;line-height:1}.highlight-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;min-height:40px;padding:8px 12px;display:inline-flex}.content-grid{grid-template-columns:minmax(0,1fr) clamp(320px,28vw,380px);align-items:start;gap:16px;width:100%;max-width:100%;display:grid;overflow:hidden}.chart-card{flex-direction:column;gap:12px;min-width:0;max-width:100%;padding:16px;display:flex;overflow:hidden}.chart-toolbar{z-index:5;background:#fff;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.chart-toolbar-group{flex-wrap:wrap;gap:8px;display:flex}.gantt-scroll-region{scrollbar-gutter:stable both-edges;overscroll-behavior:contain;border-radius:14px;width:100%;min-width:0;overflow:auto hidden}.gantt-shell{width:max-content;min-width:100%;min-height:240px}.loading-card,.error-card,.empty-card{padding:18px}.error-card{color:#991b1b;background:#fef2f2}.popup-grid{gap:6px;display:grid}.drawer-shell{width:100%;min-width:0;max-width:100%;overflow:hidden}.drawer-panel{width:100%;max-width:100%;max-height:calc(100vh - 40px);padding:18px;position:sticky;top:20px;overflow:auto}.drawer-panel-empty{align-items:stretch;display:flex}.drawer-empty-state{align-content:start;gap:10px;display:grid}.drawer-empty-state h2,.drawer-head h2{margin:0}.drawer-subtitle{margin-top:6px}.drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.drawer-section+.drawer-section{margin-top:20px}.drawer-section h3{margin:0 0 12px;font-size:15px}.field-row{border-top:1px solid #eef2f7;gap:6px;padding:10px 0;display:grid}.field-label{color:#6b7280;font-size:13px}.field-value{word-break:break-word}@media (width<=1280px){.filters-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1fr)}.drawer-panel{max-height:none;position:static}}@media (width<=860px){.page{padding:14px}.page-header,.filters-head{flex-direction:column}.stats-grid,.filters-layout,.control-card-wide{grid-template-columns:1fr}.header-actions,.filters-actions,.chart-toolbar-group{width:100%}.summary-pill,.ghost-button,.primary-button{justify-content:center}}.gantt-shell .bar-wrapper,.gantt-shell .bar-group{cursor:pointer}.gantt-shell .popup-wrapper{display:none!important}