:root{font-family:Arial,sans-serif;color:#16324f;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{height:60px;background:#12395b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header nav{display:flex;gap:18px}a{color:#1769aa;text-decoration:none}header a{color:#fff}main{padding:28px;max-width:1500px;margin:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.card,.panel{background:#fff;border:1px solid #dbe6f0;border-radius:12px;box-shadow:0 4px 16px #244c7020}.card{padding:24px;display:flex;flex-direction:column}.card b{font-size:32px}.panel{padding:20px;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #e5edf4;padding:11px;text-align:left;vertical-align:top}th{background:#eef5fb}.scroll{overflow:auto}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs a{background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #d3dfeb;font-size:13px}.tabs a.active{background:#1769aa;color:#fff}.alert{padding:12px 16px;border-radius:8px;margin:12px 0}.error{background:#ffe4e4;color:#8c1d1d}.ok{background:#e5f7e8;color:#146b28}.warn{background:#fff3cd;color:#735c0f}label{display:block;margin:12px 0;font-weight:bold}input{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #bdcad7;border-radius:7px}button{background:#1769aa;color:#fff;border:0;border-radius:7px;padding:11px 18px;font-weight:bold}.login{min-height:100vh;display:grid;place-items:center}.loginbox{width:min(440px,92vw);background:#fff;padding:30px;border-radius:14px;box-shadow:0 10px 35px #12395b33}.loginbox small{display:block;margin-top:15px;color:#697d90}@media(max-width:700px){.cards{grid-template-columns:1fr}}