*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#172033}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#071b52,#1264ff);padding:20px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 15px 35px #00000014}.small{width:100%;max-width:420px}input,select,textarea,button{width:100%;padding:14px;border-radius:10px;border:1px solid #cfd8e3;font-size:15px}button{background:#1264ff;color:#fff;border:none;font-weight:700;cursor:pointer}button.active{background:#121a2c}.error{color:red}aside{position:fixed;left:0;top:0;width:260px;height:100vh;background:#07132d;color:#fff;padding:24px 18px;overflow-y:auto}aside button{margin-bottom:10px;text-align:left;background:#172b55}main{margin-left:260px;padding:40px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{padding:14px;text-align:left;border-bottom:1px solid #eef1f5}th{background:#eaf1ff}@media (max-width: 768px){aside{position:relative;width:100%;height:auto;padding:16px}aside h2{margin-top:0}aside button{width:100%;margin-bottom:8px;text-align:center}main{margin-left:0;padding:18px}h1,h2{font-size:22px}.grid,.stats{grid-template-columns:1fr}.card{padding:16px}table{display:block;overflow-x:auto;white-space:nowrap}th,td{padding:12px;font-size:14px}input,select,textarea,button{font-size:16px;padding:13px}}@media (max-width: 480px){main{padding:14px}aside{padding:14px}.login{padding:14px}.small{max-width:100%}}@media (max-width: 768px){body{overflow-x:hidden}aside{position:static!important;width:100%!important;height:auto!important;display:grid;grid-template-columns:1fr 1fr;gap:8px}aside h2,aside p{grid-column:1 / -1}main{margin-left:0!important;width:100%!important;padding:14px!important}.grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.card{width:100%!important}input,select,textarea,button{width:100%!important;min-height:46px}}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;border-radius:10px}.login-logo{width:80px;height:80px;display:block;margin-bottom:16px}.login .card{text-align:center}.login-logo{margin:0 auto 16px;border-radius:18px}.login h1{margin-bottom:6px}.login p{color:#526179;margin-bottom:22px}aside p{line-height:1.4;word-break:break-word;background:#ffffff0f;padding:12px;border-radius:12px}.stats .card{display:flex;flex-direction:column;gap:8px}.stats .card b{font-size:22px;word-break:break-word}.stats .card span{color:#667085;font-size:14px;font-weight:600}@media (max-width: 768px){.stats .card b{font-size:18px}aside p{font-size:14px}}