*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#1e252b;font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}header{min-height:64px;background:#111820;color:#fff;display:flex;align-items:center;padding:12px 28px;gap:35px}header b{font-size:19px}nav{display:flex;gap:5px;flex-wrap:wrap}nav a{color:#c9d0d6;text-decoration:none;padding:9px 12px;border-radius:8px}nav a.active,nav a:hover{background:#27313a;color:#fff}main{max-width:1250px;margin:30px auto;padding:0 18px}h1{font-size:30px;margin:0 0 22px}h2{font-size:19px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.stat,.panel,.card{background:#fff;border:1px solid #e3e7ea;border-radius:14px;padding:20px;box-shadow:0 2px 8px #00000008}.stat{display:flex;flex-direction:column;gap:4px}.stat small,.stat span{color:#74808a}.stat strong{font-size:30px}.grid{display:grid;grid-template-columns:360px 1fr;gap:18px}.barrow{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f2;padding:11px 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf0f2;white-space:nowrap}th{font-size:12px;color:#74808a;text-transform:uppercase}input,select{border:1px solid #d7dde1;border-radius:8px;padding:10px;background:#fff}button,.button{border:0;border-radius:8px;padding:10px 14px;background:#1d6eea;color:#fff;cursor:pointer;text-decoration:none}.ghost{background:#eef1f4;color:#27313a}.danger{background:#dc3545;padding:7px 10px}.filters,.addcat{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.titleline{display:flex;justify-content:space-between}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.card{width:min(420px,100%)}.card form{display:grid;gap:14px}.card label{display:grid;gap:6px}.error{background:#fff0f0;color:#b42318;padding:10px;border-radius:8px;margin:12px 0}@media(max-width:800px){header{align-items:flex-start;flex-direction:column;gap:8px}.grid,.cards{grid-template-columns:1fr}}

.success{background:#e9f8ee;color:#146c2e;padding:12px;border-radius:8px;margin:12px 0}