:root{font-family:Inter,ui-sans-serif,system-ui,Arial;background:#f4f7fb;color:#14243d}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:245px;background:#101e37;color:#fff;padding:28px 16px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 40px}.brand strong{font-size:19px}.brand small{display:block;color:#a3b4d0;font-size:11px;margin-top:4px}.logo{background:#20b7a4;border-radius:11px;padding:12px 9px;font-weight:800}.side-title{color:#8093b4;font-size:10px;letter-spacing:1.5px;padding:0 10px 18px}.nav{display:block;width:100%;background:none;border:0;color:#b8c7df;text-align:left;padding:14px 13px;border-radius:9px;cursor:pointer;margin-bottom:6px;font-size:13px}.nav.active,.nav:hover{background:#233a5c;color:#fff}.side-footer{position:absolute;bottom:28px;left:26px;font-size:12px;color:#9cb1d0;line-height:2}.side-footer span{color:#20c9b1}main{padding:35px 40px;max-width:1650px;width:100%}header{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.7px;color:#16a894;font-weight:800}h1{margin:9px 0 6px;font-size:31px;letter-spacing:-1px}header p,.muted{color:#78879e;font-size:13px}button#refresh{border:1px solid #d9e2ed;border-radius:9px;background:white;padding:12px 18px;font-weight:700;cursor:pointer}.header-right{display:flex;align-items:center;gap:12px}.badge{font-size:12px;color:#0c8f7b;background:#e0f7f1;border-radius:30px;padding:10px 14px}.filters{display:flex;gap:15px;align-items:end;margin:28px 0 18px;flex-wrap:wrap}.filters label{color:#6b7b93;font-size:11px;font-weight:700}select{display:block;min-width:210px;padding:11px;border:1px solid #dce4ee;border-radius:9px;background:white;color:#23334b;margin-top:6px}#lastUpdated{margin-left:auto;color:#8390a3;font-size:12px}.sprints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sprint{background:#e8eff8;padding:14px 18px;border-radius:11px;border-left:4px solid #3a76cb}.sprint strong{display:block;font-size:14px}.sprint span{display:block;color:#667d9d;font-size:12px;margin-top:6px}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:18px 0}.kpi,.card{background:white;border:1px solid #e6edf5;border-radius:13px;box-shadow:0 5px 18px #1a385708}.kpi{padding:20px}.kpi small{color:#74849b;font-size:12px}.kpi strong{display:block;font-size:34px;margin:11px 0 4px}.kpi em{font-style:normal;font-size:11px;color:#8191a6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.card{padding:23px;min-width:0}.card h2{font-size:16px;margin:0 0 23px}.bar-row{display:grid;grid-template-columns:minmax(95px,35%) 1fr 38px;align-items:center;gap:10px;margin:14px 0;font-size:12px}.bar-row .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#52647d}.track{height:10px;background:#edf2f8;border-radius:20px;overflow:hidden}.fill{height:100%;background:#2987d9;border-radius:20px}.bar-row:nth-child(even) .fill{background:#20b7a4}.bar-row b{text-align:right}.alert{padding:14px 18px;border-radius:9px;background:#fff1e5;color:#8c4a0b;margin:15px 0}.alerts .item{border-bottom:1px solid #edf1f7;padding:13px 0;font-size:13px;display:flex;justify-content:space-between;gap:12px}.alerts .item b{color:#c14c42}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#73849b;background:#f5f8fc}th,td{padding:12px 10px;border-bottom:1px solid #e8edf5}td a{color:#1878c3;text-decoration:none;font-weight:700}.table-wrap{overflow:auto}#search{padding:12px;border:1px solid #dbe4ef;border-radius:8px;width:100%;max-width:370px;margin-bottom:20px}footer{font-size:11px;color:#98a5b7;padding:24px 0}@media(max-width:1050px){aside{width:190px}.kpis{grid-template-columns:repeat(3,1fr)}main{padding:25px}.grid{grid-template-columns:1fr}}@media(max-width:700px){body{display:block}aside{position:static;width:100%;height:auto;padding:14px}.brand{padding:0 0 12px}.side-title,.side-footer{display:none}.nav{display:inline-block;width:auto;font-size:11px}main{padding:18px}header{display:block}.header-right{margin-top:18px}.kpis{grid-template-columns:repeat(2,1fr)}.sprints{grid-template-columns:1fr}#lastUpdated{margin-left:0}}
