*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6fa;color:#1b2430}.topbar{background:#0f2747;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.topbar nav{display:flex;gap:12px}.topbar a{color:#cfe2ff;text-decoration:none;font-weight:600}.topbar a.active{color:#fff;border-bottom:2px solid #fff}.content{padding:20px;max-width:1100px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 4px 10px #00000014}.card h3{margin:0 0 8px;font-size:15px;color:#4e5d6c}.card p{margin:0;font-size:32px;font-weight:700}.panel{background:#fff;border-radius:10px;padding:16px;box-shadow:0 4px 10px #00000014}.form{display:grid;gap:10px}input,textarea,button{padding:10px;border:1px solid #cfd6e4;border-radius:6px;font-size:14px}button{background:#0f62fe;color:#fff;border:none;cursor:pointer}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e4e8f0;text-align:left;padding:10px}