:root{--primary:#115e59;--primary2:#0f766e;--bg:#f3f7f8;--text:#172033;--muted:#64748b;--danger:#b91c1c;--success:#047857;--border:#d9e2e7}
*{box-sizing:border-box}body{margin:0;font-family:Arial,"Nirmala UI","Mangal",sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary2);text-decoration:none}.topbar{background:#fff;min-height:66px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{font-size:20px;font-weight:800;color:var(--primary)}nav{display:flex;gap:18px;align-items:center}nav a{font-weight:700}.nav-user{padding:8px 12px;background:#ecfdf5;border-radius:999px;color:#065f46}.container{max-width:1240px;margin:28px auto;padding:0 18px}footer{text-align:center;padding:24px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center;min-height:70vh}.hero-card,.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.hero h1{font-size:42px;margin:0 0 12px;color:#0f3d3a}.hero p{font-size:18px;color:var(--muted);line-height:1.6}.login-card{max-width:430px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:14px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font:inherit}.field textarea{min-height:85px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #99f6e4;border-color:#0f766e}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 17px;background:var(--primary2);color:#fff;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(.95)}.btn-secondary{background:#334155}.btn-danger{background:var(--danger)}.btn-light{background:#e2e8f0;color:#172033}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-title{margin:28px 0 14px;padding-bottom:8px;border-bottom:2px solid #ccfbf1;color:#115e59}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:#fff;padding:20px;border:1px solid var(--border);border-radius:16px}.stat .num{font-size:32px;font-weight:900;color:#0f766e}.stat .label{color:var(--muted);margin-top:5px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 14px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:#f8fafc;font-size:13px;text-transform:uppercase;color:#475569}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge-active{background:#d1fae5;color:#065f46}.badge-blocked{background:#fee2e2;color:#991b1b}.alert{padding:13px 15px;border-radius:10px;margin-bottom:16px;font-weight:700}.alert-success{background:#d1fae5;color:#065f46}.alert-error{background:#fee2e2;color:#991b1b}.alert-info{background:#dbeafe;color:#1e40af}.muted{color:var(--muted)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.page-head h1{margin:0}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail{padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff}.detail b{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.note{padding:14px;border-left:4px solid #0f766e;background:#ecfeff;border-radius:8px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{padding:9px 13px;background:#e2e8f0;border-radius:999px;font-weight:800}.tab.active{background:#0f766e;color:#fff}.empty{text-align:center;padding:40px;color:var(--muted)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.three,.details{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:10px;padding:14px 18px;flex-direction:column}nav{flex-wrap:wrap;gap:12px}.page-head{align-items:flex-start;flex-direction:column}.hero h1{font-size:32px}}