*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w: 240px;--sidebar-bg: #101828;--sidebar-hover: #151F32;--sidebar-active: #2DD9C4;--sidebar-active-text: #06171A;--topbar-h: 60px;--bg: #0A0F1A;--card-bg: #101828;--card-bg-2: #151F32;--border: #232F45;--text: #C9D2E3;--text-muted: #6B7A99;--text-bright: #F2F5FA;--primary: #2DD9C4;--primary-contrast: #06171A;--success: #2DD9C4;--warning: #F5A623;--danger: #F0576B;--info: #5EA8F5;--purple: #9B87F5;--radius: 14px;--shadow: 0 1px 4px rgba(0,0,0,.24);--shadow-md: 0 8px 24px rgba(0,0,0,.32)}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.layout{display:flex;min-height:100vh;width:100%}.layout.sidebar-collapsed{--sidebar-w: 76px}.sidebar{width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);color:#cbd5e1;display:flex;flex-direction:column;flex:0 0 var(--sidebar-w);overflow:hidden;position:fixed;inset:0 auto 0 0;z-index:100;transition:width .2s ease}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 16px;border-bottom:1px solid var(--border)}.sidebar-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#2dd9c4,#9b87f5);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo .logo-text{font-size:13px;font-weight:600;color:var(--text-bright);line-height:1.3}.sidebar-logo .logo-sub{font-size:11px;color:var(--text-muted)}.sidebar-toggle{color:var(--text-muted);margin-left:auto}.sidebar-toggle:hover{background:var(--sidebar-hover);color:var(--text-bright)}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 0;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{width:0;height:0}.nav-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:16px 16px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;border-radius:8px;margin:1px 8px;min-height:38px;color:var(--text-muted);font-size:13px;font-weight:500;transition:background .15s,color .15s;border:none;background:none;width:calc(100% - 16px);text-align:left}.nav-item:hover{background:var(--sidebar-hover);color:var(--text-bright)}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-active-text)}.nav-item svg{flex-shrink:0;opacity:.85}.nav-item .MuiListItemIcon-root{display:flex;justify-content:center;min-width:20px;width:20px}.nav-item .MuiListItemText-root{margin:0;min-width:0}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.db-status{display:flex;align-items:center;gap:6px}.db-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex-shrink:0}.db-dot.error{background:var(--danger)}.layout.sidebar-collapsed .sidebar-logo{flex-direction:column;justify-content:center;padding:14px 8px}.layout.sidebar-collapsed .sidebar-logo>div:not(.logo-icon),.layout.sidebar-collapsed .nav-section-label,.layout.sidebar-collapsed .sidebar-footer span,.layout.sidebar-collapsed .nav-item .MuiListItemText-root{display:none}.layout.sidebar-collapsed .sidebar-toggle{margin-left:0}.layout.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:11px 0;font-size:0}.layout.sidebar-collapsed .nav-item .MuiListItemIcon-root{width:100%}.layout.sidebar-collapsed .nav-item svg{width:20px;height:20px}.layout.sidebar-collapsed .sidebar-footer{display:flex;justify-content:center;padding:14px 8px}.main{display:flex;flex:1 1 auto;flex-direction:column;margin-left:var(--sidebar-w);min-width:0;min-height:100vh;transition:margin-left .2s ease,width .2s ease;width:calc(100% - var(--sidebar-w))}.topbar{height:var(--topbar-h);background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.topbar-title{font-size:18px;font-weight:700;color:var(--text-bright)}.topbar-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.topbar-right{display:flex;align-items:center;gap:12px}.refresh-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;background:var(--primary);color:var(--primary-contrast);border:none;cursor:pointer;font-size:13px;font-weight:700;transition:opacity .15s}.refresh-btn:hover{opacity:.88}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{padding:24px;flex:1}.page-header{margin-bottom:20px}.page-title{font-size:20px;font-weight:700}.page-desc{font-size:13px;color:var(--text-muted);margin-top:3px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;border-left:4px solid transparent;transition:box-shadow .15s}.kpi-card:hover{box-shadow:var(--shadow-md)}.kpi-card.blue{border-color:var(--primary)}.kpi-card.green{border-color:var(--success)}.kpi-card.red{border-color:var(--danger)}.kpi-card.amber{border-color:var(--warning)}.kpi-card.purple{border-color:var(--purple)}.kpi-card.cyan{border-color:var(--info)}.kpi-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:32px;font-weight:700;line-height:1;color:var(--text-bright)}.kpi-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.kpi-icon.blue{background:#2dd9c424;color:var(--primary)}.kpi-icon.green{background:#2dd9c424;color:var(--success)}.kpi-icon.red{background:#f0576b24;color:var(--danger)}.kpi-icon.amber{background:#f5a62324;color:var(--warning)}.kpi-icon.purple{background:#9b87f524;color:var(--purple)}.kpi-icon.cyan{background:#5ea8f524;color:var(--info)}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between}.kpi-trend{font-size:11px;color:var(--text-muted)}.chart-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}@media (max-width: 1200px){.chart-grid{grid-template-columns:1fr 1fr}}@media (max-width: 800px){.chart-grid{grid-template-columns:1fr}}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:15px;font-weight:600;color:var(--text-bright)}.card-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.card-body{padding:20px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:var(--card-bg-2);padding:10px 14px;text-align:left;font-weight:600;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}thead th:hover{color:var(--text-bright)}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--card-bg-2)}tbody tr.overdue{background:#f0576b14}tbody tr.overdue:hover{background:#f0576b24}tbody td{padding:10px 14px;vertical-align:middle}.sort-icon{margin-left:4px;opacity:.5}.sort-icon.active{opacity:1;color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.badge-blue{background:#2dd9c424;color:var(--primary)}.badge-green{background:#2dd9c424;color:var(--success)}.badge-red{background:#f0576b24;color:var(--danger)}.badge-amber{background:#f5a62324;color:var(--warning)}.badge-purple{background:#9b87f524;color:var(--purple)}.badge-gray{background:#6b7a9924;color:var(--text-muted)}.badge-cyan{background:#5ea8f524;color:var(--info)}.progress{height:8px;background:var(--card-bg-2);border-radius:4px;overflow:hidden}.progress-bar{height:100%;border-radius:4px;background:var(--primary);transition:width .4s ease}.progress-bar.green{background:var(--success)}.progress-bar.amber{background:var(--warning)}.progress-bar.red{background:var(--danger)}.filters-bar{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-input,.filter-select{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;color:var(--text);background:var(--card-bg-2);outline:none;transition:border .15s}.filter-input:focus,.filter-select:focus{border-color:var(--primary)}.filter-input.wide{width:200px}.filter-select{padding-right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:140px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7A99' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.btn{height:36px;padding:0 16px;border-radius:7px;border:none;cursor:pointer;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s}.btn:hover{opacity:.88}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-success{background:var(--success);color:var(--primary-contrast)}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{background:var(--card-bg-2);color:var(--text);border:1px solid var(--border)}.btn-amber{background:var(--warning);color:#06171a}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);font-size:13px}.pagination-info{color:var(--text-muted)}.pagination-btns{display:flex;gap:4px}.page-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:none;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:background .1s}.page-btn:hover:not(:disabled){background:#f1f5f9}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.sprint-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.sprint-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border-top:4px solid var(--primary)}.sprint-card.closed{border-color:var(--success)}.sprint-card.locked{border-color:var(--text-muted)}.sprint-name{font-size:15px;font-weight:600;margin-bottom:4px}.sprint-meta{font-size:12px;color:var(--text-muted);margin-bottom:12px;display:flex;gap:12px;flex-wrap:wrap}.sprint-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.sprint-stat{text-align:center}.sprint-stat-val{font-size:22px;font-weight:700}.sprint-stat-lbl{font-size:10px;color:var(--text-muted);text-transform:uppercase}.sprint-progress-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;color:var(--text-muted)}.load-bar-cell{min-width:100px}.load-bar-wrap{display:flex;align-items:center;gap:8px}.load-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.load-fill{height:100%;border-radius:3px;background:var(--primary)}.load-fill.high{background:var(--danger)}.load-fill.med{background:var(--warning)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center;gap:8px}.empty-state svg{opacity:.35}.error-banner{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-size:13px}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.truncate{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.gap-2{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 1024px){:root{--sidebar-w: 76px}.sidebar-logo{justify-content:center;padding:18px 10px}.sidebar-logo>div:not(.logo-icon),.nav-section-label,.sidebar-footer span{display:none}.sidebar-toggle{display:none}.nav-item{justify-content:center;gap:0;padding:11px 0;font-size:0}.nav-item svg{width:20px;height:20px}.nav-item .MuiListItemText-root{display:none}.topbar{padding:0 18px}.page{padding:18px}}@media (max-width: 720px){:root{--sidebar-w: 0px;--topbar-h: auto}.layout{display:block;padding-bottom:70px}.sidebar{inset:auto 0 0 0;width:100%;height:64px;border-top:1px solid #1e293b}.sidebar-logo,.sidebar-footer{display:none}.sidebar-nav{display:flex;align-items:center;gap:6px;width:100%;padding:8px;overflow-x:auto;overflow-y:hidden}.nav-item{flex:1 0 54px;width:auto;min-width:54px;height:48px;margin:0;padding:0;border-radius:10px}.main{margin-left:0;min-width:0;width:100%}.topbar{min-height:76px;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:12px 14px}.topbar .MuiToolbar-root{flex-wrap:wrap;gap:8px}.topbar-title{font-size:16px}.topbar-subtitle{max-width:100%}.topbar-right{width:100%;justify-content:space-between;gap:8px}.refresh-btn{height:34px;padding:0 12px}.page{padding:14px}}