*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f5f7fb;color:#263244}aside{position:fixed;right:0;top:0;bottom:0;width:230px;background:#182235;color:white;padding:25px 15px}aside h2{margin:0 0 25px;padding:0 10px}aside a{display:block;color:#dbe4f5;text-decoration:none;padding:13px 12px;border-radius:9px;margin:5px 0}aside a:hover,aside a.active{background:#2c3c58;color:#fff}main{margin-right:230px;padding:28px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.cards{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:18px}.cards div,.panel{background:#fff;border-radius:14px;padding:22px;box-shadow:0 3px 15px #0000000b;margin-bottom:20px}.cards b{font-size:32px;display:block}.cards small{color:#718096}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}input,select,textarea,button{font:inherit;padding:11px;border:1px solid #d8dee9;border-radius:8px;background:#fff}textarea{min-height:90px}button,.button{background:#263b5c;color:#fff;border:0;cursor:pointer;text-decoration:none;text-align:center}.grid button{grid-column:1/-1}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #edf0f5;text-align:right}.login{display:flex;align-items:center;justify-content:center;min-height:100vh}.loginbox{background:#fff;width:380px;padding:30px;border-radius:16px;box-shadow:0 8px 35px #0001;display:flex;flex-direction:column;gap:13px}.loginbox.wide{width:520px}.loginbox h1{text-align:center;font-size:22px}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}.success{background:#dcfce7;color:#166534;padding:10px;border-radius:8px}@media(max-width:800px){aside{position:static;width:100%;display:flex;overflow:auto}aside h2{display:none}main{margin:0;padding:15px}.grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.panel{overflow:auto}body{display:block}}