*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#172033;font:14px Arial,PingFang SC,sans-serif}.hidden{display:none!important}aside{position:fixed;width:220px;inset:0 auto 0 0;background:#111827;color:#fff;padding:25px 16px}aside h2{margin:0 8px 32px}aside i{font-style:normal;background:#ffb800;color:#111827;border-radius:10px;padding:9px}aside button{display:block;width:100%;border:0;background:none;color:#8c98ad;text-align:left;padding:13px 16px;border-radius:8px;margin:5px 0}aside button.active,aside button:hover{background:#263044;color:#fff}main{margin-left:220px;padding:0 32px}header{height:92px;display:flex;justify-content:space-between;align-items:center}h1{margin:0}header p{color:#8791a3;margin:5px 0}button{cursor:pointer}header button,.toolbar button{border:1px solid #e3e7ed;background:#fff;border-radius:7px;padding:9px 14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.panel{background:#fff;border-radius:12px;border:1px solid #ebedf1;box-shadow:0 3px 14px #17203308}.card{padding:20px}.card b{display:block;font-size:30px;margin-top:10px}.panel{margin-top:20px;overflow:hidden}.toolbar{display:flex;gap:10px;padding:16px;justify-content:space-between}.toolbar input,.toolbar select,form input{border:1px solid #dfe3e9;border-radius:7px;padding:10px}.toolbar .primary,form button{background:#ffb800;border:0;font-weight:700}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-top:1px solid #eef0f3}th{color:#778297;background:#fafbfc;font-size:12px}.badge{padding:4px 9px;border-radius:15px;background:#e7f4ff;color:#1673c8}.pager{text-align:right;padding:14px}.pager button{margin-left:8px}.link{border:0;background:none;color:#1673c8}.mask{position:fixed;inset:0;background:#111827aa;display:grid;place-items:center;z-index:5}.mask form{width:390px;background:#fff;padding:28px;border-radius:14px;display:grid;gap:12px}.mask form h2{margin:0 0 8px}.mask form button{padding:11px;border-radius:7px}.mask small,.mask p{color:#7d8799}.empty{text-align:center;padding:60px;color:#8d97a8}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 10%,#273650 0,transparent 34%),linear-gradient(135deg,#111827,#1c273a);padding:80px 24px 60px;position:relative}.login-brand{position:absolute;top:34px;left:42px;color:#fff;display:flex;align-items:center;gap:14px}.login-brand i{font-style:normal;font-weight:700;font-size:20px;background:#ffb800;color:#111827;border-radius:11px;padding:10px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:20px}.login-brand span{font-size:10px;letter-spacing:2px;color:#8d99ac;margin-top:4px}.login-page form{width:min(420px,100%);background:#fff;border-radius:18px;padding:38px;box-shadow:0 24px 70px #03071266;display:grid;gap:18px}.login-heading span{color:#b57900;font-weight:700;font-size:12px;letter-spacing:2px}.login-heading h1{font-size:28px;margin:9px 0 7px}.login-heading p{margin:0;color:#8a94a6}.login-page label{font-weight:600;display:grid;gap:8px}.login-page input{width:100%;padding:13px 14px;font-size:14px}.login-page button{border-radius:8px;padding:13px;font-size:15px}.login-page button:disabled{opacity:.65;cursor:not-allowed}.login-page #login-error{min-height:20px;margin:0;color:#c0392b}.login-page footer{position:absolute;bottom:25px;color:#7e8a9e;font-size:12px;letter-spacing:1px}@media(max-width:850px){aside{width:75px}aside h2{font-size:0}aside button{font-size:0}main{margin-left:75px}.cards{grid-template-columns:repeat(2,1fr)}.login-brand{left:24px;top:24px}.login-page form{padding:30px 24px}}