:root{
  --forest:#0b4d3b;--forest2:#07382d;--gold:#c9a227;--cream:#f7f8f5;--ink:#17221d;--muted:#66736d;--line:#dfe6e2;--danger:#a52a2a;--ok:#177245;--white:#fff;--shadow:0 14px 40px rgba(12,45,34,.12)
}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--cream)}
a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.danger{color:var(--danger)}
button,input,select,textarea{font:inherit}button{cursor:pointer}
.btn{border:0;border-radius:10px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn-primary{background:var(--forest);color:#fff}.btn-primary:hover{background:var(--forest2)}.btn-secondary{background:#edf2ef;color:var(--forest2)}.btn-danger{background:#fceaea;color:var(--danger)}.btn-gold{background:var(--gold);color:#fff}.btn-sm{padding:7px 10px;font-size:13px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:800;color:#33483f}.field input,.field select,.field textarea{width:100%;border:1px solid #ced8d3;background:#fff;border-radius:10px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(11,77,59,.08)}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(380px,520px);background:linear-gradient(120deg,#07382d 0 52%,#f6f8f5 52%)}
.login-brand{padding:8vh 7vw;color:#fff;display:flex;flex-direction:column;justify-content:center}.brand-mark{width:92px;height:92px;border:2px solid rgba(255,255,255,.7);border-radius:24px;display:grid;place-items:center;font-size:34px;font-weight:900;color:var(--gold);margin-bottom:24px}.login-brand h1{font-size:54px;margin:0 0 8px;letter-spacing:.5px}.login-brand p{max-width:620px;color:#dce9e4;font-size:18px;line-height:1.6}.login-panel{display:flex;align-items:center;padding:40px}.login-card{width:100%;background:#fff;padding:32px;border-radius:22px;box-shadow:var(--shadow)}.login-card h2{margin:0 0 6px}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.eye-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;padding:7px;border-radius:8px;color:var(--forest)}.login-actions{display:grid;gap:10px}.link-btn{border:0;background:none;color:var(--forest);font-weight:800;padding:8px 0}.small-note{font-size:12px;color:var(--muted);line-height:1.5}
.topbar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 20px rgba(0,0,0,.04)}.topbar-inner{max-width:1600px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:20px;min-height:72px}.logo{display:flex;align-items:center;gap:10px;white-space:nowrap}.logo-badge{width:42px;height:42px;border-radius:12px;background:var(--forest);color:var(--gold);display:grid;place-items:center;font-weight:900}.logo strong{font-size:20px}.org-chip{font-size:12px;color:var(--muted);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{display:flex;align-items:center;gap:4px;flex:1}.nav>a,.nav-group>button{border:0;background:transparent;text-decoration:none;padding:10px 11px;border-radius:9px;font-weight:750;color:#31463d}.nav>a:hover,.nav-group>button:hover{background:#edf3ef;color:var(--forest)}.nav-group{position:relative}.dropdown{display:none;position:absolute;top:44px;left:0;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:grid}.dropdown a{text-decoration:none;padding:10px;border-radius:8px;font-size:14px}.dropdown a:hover{background:#edf3ef;color:var(--forest)}.top-actions{display:flex;align-items:center;gap:8px}.avatar{width:36px;height:36px;border-radius:50%;background:#edf3ef;display:grid;place-items:center;font-weight:900;color:var(--forest)}
.container{max-width:1600px;margin:0 auto;padding:24px 18px 60px}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:6px 0 0;color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 25px rgba(5,55,39,.04);padding:18px}.cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.metric .k{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.metric .v{font-size:30px;font-weight:900;color:var(--forest);margin-top:8px}.metric .s{font-size:12px;color:var(--muted);margin-top:3px}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.toolbar input{min-width:280px}.toolbar .spacer{flex:1}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:850px}.table th,.table td{padding:12px 13px;border-bottom:1px solid #edf1ef;text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#56675f;background:#f8faf9;position:sticky;top:0}.table td{font-size:14px}.table tr:hover td{background:#fbfcfb}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf3ef;color:var(--forest);font-weight:800;font-size:12px}.pill.warn{background:#fff4d5;color:#7c5b00}.pill.danger{background:#fdeaea;color:#962c2c}.actions{display:flex;gap:6px;flex-wrap:wrap}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}
.dialog{border:0;padding:0;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.25);width:min(720px,calc(100vw - 24px));max-height:90vh}.dialog::backdrop{background:rgba(3,25,18,.62)}.dialog-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dialog-body{padding:20px;overflow:auto;max-height:68vh}.dialog-foot{padding:15px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.close-x{border:0;background:#edf3ef;border-radius:9px;width:34px;height:34px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .full{grid-column:1/-1}.notice{padding:12px 14px;border-radius:10px;background:#edf6f1;color:#1b593f;font-size:14px}.notice.error{background:#fdeaea;color:#8e2e2e}.notice.warn{background:#fff5db;color:#755900}
.plans{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.plan{position:relative}.plan.featured{border:2px solid var(--gold)}.plan h3{margin:0}.price{font-size:28px;font-weight:900;color:var(--forest);margin:12px 0}.plan ul{padding-left:18px;color:var(--muted);line-height:1.8}.plan .btn{width:100%}
.superadmin-banner{background:linear-gradient(90deg,#101a16,#0b4d3b);color:#fff;border-radius:18px;padding:22px;margin-bottom:18px}.superadmin-banner h1{margin:0}.superadmin-banner p{margin:6px 0 0;color:#d7e4df}
.footer{text-align:center;color:#78847f;font-size:12px;padding:22px}
.mobile-nav{display:none}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.nav{display:none}.mobile-nav{display:block}.topbar-inner{flex-wrap:wrap;padding-bottom:10px}.org-chip{max-width:180px}}
@media(max-width:800px){.login-page{grid-template-columns:1fr;background:#f6f8f5}.login-brand{padding:40px 24px;background:var(--forest)}.login-brand h1{font-size:38px}.login-panel{padding:20px}.form-grid{grid-template-columns:1fr}.cards,.plans{grid-template-columns:1fr}.page-head{flex-direction:column}.toolbar input{min-width:0;width:100%}}