*{box-sizing:border-box}body{color:#162033;background:#f5f7fb;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app{min-height:100vh;display:flex}aside{color:#fff;background:#13233f;flex-direction:column;gap:8px;width:245px;padding:22px 14px;display:flex}.brand{padding:8px 12px 28px;font-size:20px;font-weight:800}aside>button{color:#d7e1f1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;display:flex}aside>button.active,aside>button:hover{color:#fff;background:#3d58e8}.sidebottom{background:#263b60;border-radius:10px;justify-content:space-between;align-items:center;margin-top:auto;padding:12px;display:flex}.sidebottom small{color:#b9c6da;margin-top:3px;display:block}.sidebottom button{color:#fff;cursor:pointer;background:0 0;border:0}main{flex:1;max-width:1500px;margin:auto;padding:30px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}header h2{margin:0 0 5px;font-size:29px}header span{color:#718096}.refresh,button{color:#fff;cursor:pointer;background:#3158df;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-weight:650;display:inline-flex}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.card,.panel,.projectcard{background:#fff;border:1px solid #e4e9f2;border-radius:12px;box-shadow:0 3px 12px #12264a0a}.card{padding:20px}.card span{color:#65748b;font-size:14px}.card strong{margin-top:8px;font-size:30px;display:block}.two{grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel{margin-bottom:18px;padding:20px}.panel h3{margin:0 0 18px}.panelhead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panelhead h3{margin:0}.bars{gap:18px;display:grid}.bar>div:first-child{justify-content:space-between;margin-bottom:8px;display:flex}.bar b{color:#687790;font-size:12px}.track{background:#e8edf5;border-radius:99px;height:8px;overflow:hidden}.track i{background:#3566e8;border-radius:99px;height:100%;display:block}.row,.userrow{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.row:last-child,.userrow:last-child{border:0}.row small,td small,.userrow small{color:#7a879a;margin-top:4px;display:block}.pill,.priority{color:#3158df;background:#edf3ff;border-radius:99px;padding:5px 9px;font-size:11px}.priority.high{color:#d33;background:#ffe9e9}.priority.medium{color:#bd7200;background:#fff1df}.priority.low{color:#1b8a4b;background:#e9f8ef}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;border-bottom:1px solid #edf0f5;padding:13px;font-size:13px}th{color:#718096;font-size:12px}.small{grid-template-columns:repeat(3,1fr)}.projectcard{padding:18px}.projectcard p{color:#6c7890;height:42px;font-size:13px;overflow:hidden}.meta{color:#65748b;justify-content:space-between;margin:15px 0;font-size:12px;display:flex}.danger{color:#c33;background:#fff0f0}.iconbtn{color:#64748b;background:0 0;padding:5px}.avatar{color:#3158df;background:#e5edff;border-radius:50%;place-items:center;width:36px;height:36px;margin-right:12px;font-weight:800;display:grid}.userrow{justify-content:flex-start}.userrow>span{margin-left:auto}.overlay{background:#101a2a99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:90vh;padding:22px;overflow:auto}.modal form{gap:14px;display:grid}.modal label{color:#4b5870;gap:7px;font-size:13px;font-weight:650;display:grid}.modal input,.modal select{font:inherit;border:1px solid #d9e0eb;border-radius:8px;padding:11px}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.login{background:#13233f;place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border-radius:16px;width:min(410px,90%);padding:34px;box-shadow:0 20px 60px #0004}.login h1{margin:0}.login p{color:#718096;margin-top:5px}.login label{gap:7px;margin:15px 0;font-size:13px;font-weight:650;display:grid}.login input{border:1px solid #d9e0eb;border-radius:8px;padding:12px}.login button{justify-content:center;width:100%;margin-top:5px}.login small{color:#718096;text-align:center;margin-top:16px;display:block}.error{color:#b33;background:#ffe9e9;border-radius:8px;padding:10px;font-size:13px}@media (width<=900px){aside{width:70px}.brand{font-size:0}.brand:first-letter{font-size:20px}aside>button{justify-content:center;font-size:0}.sidebottom{display:none}.cards,.small{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}@media (width<=600px){main{padding:18px}.cards,.small,.grid2,.two{grid-template-columns:1fr}header h2{font-size:23px}}