*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#182230}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.page{min-height:100vh;padding:40px 20px}.container{max-width:1100px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{margin:0 0 6px;color:#2563eb;font-size:13px;font-weight:800;letter-spacing:1.5px}h1{margin:0;font-size:clamp(28px,5vw,42px)}.subtitle{margin:8px 0 0;color:#667085}.count{min-width:110px;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid #e5eaf1;text-align:center}.count strong,.count span{display:block}.count strong{font-size:25px}.count span{color:#667085;font-size:13px}.card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:25px;margin-bottom:22px;box-shadow:0 8px 30px #1018280d}.card h2{margin:0 0 20px;font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.field label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}.field input{width:100%;padding:12px 14px;border:1px solid #d0d5dd;border-radius:10px;outline:none;background:#fff}.field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.actions{display:flex;gap:10px;margin-top:20px}button{border-radius:9px;padding:10px 17px;font-weight:700}.primary{background:#2563eb;color:#fff}.secondary,.refresh{background:#eef2f7;color:#344054}.primary:hover{background:#1d4ed8}.secondary:hover,.refresh:hover{background:#e4e8ee}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.table-header h2{margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:750px}th,td{padding:14px 12px;border-bottom:1px solid #eaecf0;text-align:left;white-space:nowrap}th{background:#f8fafc;font-size:13px;color:#667085}td{font-size:14px}.row-actions{display:flex;gap:7px}.edit{background:#e8f0ff;color:#175cd3}.delete{background:#fee4e2;color:#b42318}.edit:hover{background:#dbe8ff}.delete:hover{background:#ffd4d1}.empty{text-align:center;color:#667085;padding:35px}@media(max-width:750px){.page{padding:25px 12px}.header{align-items:flex-start}.count{min-width:85px}.form-grid{grid-template-columns:1fr}.card{padding:18px}}@media(max-width:480px){.header{flex-direction:column}.count{width:100%}.actions{flex-direction:column}.actions button{width:100%}}