@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap");
*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#172033;font-family:"IBM Plex Sans",Arial,sans-serif}.app{display:flex;min-height:100vh}aside{width:245px;background:#fff;border-right:1px solid #e7eaf0;padding:20px 12px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 8px 22px;font-weight:600}.logo{width:36px;height:36px;border-radius:10px;background:#ffce12;display:grid;place-items:center;color:#111}nav{display:grid;gap:3px}nav a,.logout{padding:10px 11px;border-radius:8px;text-decoration:none;color:#58657a;font-size:14px}nav a.active,nav a:hover{background:#fff5c7;color:#111}.logout{margin-top:auto}main{flex:1;padding:28px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2{margin:0;font-size:24px;font-weight:400}h3{margin:0 0 15px;font-size:17px;font-weight:500}small{color:#7a8495}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.card,.panel{background:#fff;border:1px solid #e5e9ef;border-radius:12px}.card{padding:17px}.card strong{display:block;font-size:27px;font-weight:500;margin-top:7px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:20px;margin-bottom:18px}.panel>a{display:block;padding:11px;border:1px solid #edf0f4;border-radius:8px;margin:7px 0;text-decoration:none;color:#354056}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form label{display:block;font-size:12px;color:#687386;margin-bottom:5px}.form input,.form textarea{width:100%;padding:10px;border:1px solid #dfe4eb;border-radius:8px;font:inherit}.form textarea{min-height:80px}.form button,button{background:#ffce12;border:0;border-radius:8px;padding:11px 17px;font:inherit;cursor:pointer}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}th{font-weight:500;background:#fafbfd}.login{min-height:100vh;display:grid;place-items:center}.loginbox{width:min(420px,calc(100% - 30px));background:#fff;padding:32px;border:1px solid #e4e8ef;border-radius:15px}.loginbox h1{font-weight:500;margin:10px 0 5px}.loginbox p{color:#778194;font-size:13px}.loginbox label{display:block;font-size:13px;margin:13px 0 5px}.loginbox input{width:100%;padding:12px;border:1px solid #dfe4eb;border-radius:8px;font:inherit}.loginbox button{width:100%;margin-top:18px}.error{padding:9px;background:#fff0f0;color:#a33;border-radius:8px;font-size:13px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{width:68px}.brand{padding-left:6px}.brand:not(.logo){font-size:0}nav a{font-size:0;height:40px}main{padding:18px}.grid,.form{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}