*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#fff5fa 0%,#f2f7ff 100%);color:#18324b}.top{height:64px;background:linear-gradient(90deg,#3b82f6,#ec4899);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 2px 8px #0002}.brand{font-weight:800;font-size:22px}.top a{color:#fff;text-decoration:none}.layout{display:flex;min-height:calc(100vh - 64px)}.side{width:245px;background:#fff;border-right:1px solid #dbe7f3;padding:18px}.side h4{margin:10px 8px;color:#6c7f91;font-size:12px;text-transform:uppercase}.side a{display:block;padding:11px 12px;border-radius:8px;text-decoration:none;color:#25445f;margin:3px 0}.side a:hover,.side a.active{background:#ffe4f0;color:#3b82f6;font-weight:700}.main{flex:1;padding:26px;overflow:auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #dbe7f3;border-radius:12px;padding:18px;box-shadow:0 3px 12px #1231}.card h3{margin:0 0 8px}.num{font-size:28px;font-weight:800;color:#3b82f6}.panel{background:#fff;border:1px solid #dbe7f3;border-radius:12px;padding:20px;margin-bottom:18px}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 14px;background:#3b82f6;color:#fff;text-decoration:none;cursor:pointer}.btn.secondary{background:#64748b}.btn.success{background:#198754}.btn.danger{background:#dc3545}.btn.light{background:#eaf2ff;color:#3b82f6}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}input,select,textarea{padding:10px;border:1px solid #b9cbe0;border-radius:8px;font:inherit}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e6edf5;text-align:left;vertical-align:top}th{background:#f0f6fd}.alert{padding:12px;border-radius:8px;background:#ffe4f0;margin-bottom:14px}.alert.err{background:#ffe9e9;color:#9a1c1c}.actions{display:flex;gap:6px;flex-wrap:wrap}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e9f3ff,#fff)}.login-box{width:380px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 40px #3b82f622}.muted{color:#6c7f91}.search{display:flex;gap:8px;margin-bottom:14px}.search input{flex:1}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#ffe4f0;color:#3b82f6;font-size:12px}.badge.red{background:#ffe5e5;color:#b42318}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.side{width:200px}}@media(max-width:650px){.side{display:none}.main{padding:14px}.grid,.form-grid{grid-template-columns:1fr}.top{padding:0 14px}}
.btn.pink{background:#ec4899}.card.pink{border-top:4px solid #ec4899}.side a:hover,.side a.active{background:linear-gradient(90deg,#eaf2ff,#ffe4f0);color:#2563eb;font-weight:700}