:root{
  --fua-blue:#0b61a4;
  --fua-blue-dark:#08446f;
  --fua-soft:#f4f7fb;
  --fua-border:#e2e8f0;
  --fua-text:#172033;
  --fua-muted:#667085;
  --fua-success:#0f7a3b;
  --fua-danger:#b42318;
  --fua-warning:#b54708;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--fua-text);background:var(--fua-soft)}
.fua-login-body{min-height:100vh;background:radial-gradient(circle at top left,#dcecff 0,#f6f9fd 34%,#eef3f8 100%);display:flex;align-items:center;justify-content:center;padding:24px}
.fua-login-shell{width:min(1080px,100%);min-height:620px;background:#fff;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.16);overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid rgba(255,255,255,.7)}
.fua-login-brand{background:linear-gradient(135deg,#0b61a4 0%,#08446f 100%);color:#fff;padding:42px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.fua-login-brand:before{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-120px;background:rgba(255,255,255,.10);border-radius:50%}.fua-login-brand:after{content:"";position:absolute;width:260px;height:260px;left:-90px;bottom:-100px;background:rgba(255,255,255,.08);border-radius:50%}.fua-brand-top,.fua-brand-message,.fua-brand-stats{position:relative;z-index:1}.fua-brand-top{display:flex;gap:14px;align-items:center}.fua-brand-logo{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.fua-brand-top h1{margin:0;font-size:22px}.fua-brand-top span{font-size:12px;opacity:.82;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.fua-secure-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.fua-brand-message h2{font-size:36px;line-height:1.08;margin:18px 0 12px;letter-spacing:-.04em}.fua-brand-message p{font-size:15px;line-height:1.62;opacity:.90;max-width:520px}.fua-brand-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fua-brand-stats div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px}.fua-brand-stats b{display:block;font-size:15px}.fua-brand-stats span{display:block;font-size:11px;opacity:.82;margin-top:4px}.fua-login-card{padding:54px 48px;display:flex;flex-direction:column;justify-content:center}.fua-login-mini{display:inline-flex;color:var(--fua-blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:#edf7ff;border-radius:999px;padding:6px 10px}.fua-login-card-head h2{font-size:30px;margin:14px 0 6px;letter-spacing:-.03em}.fua-login-card-head p{margin:0 0 26px;color:var(--fua-muted);font-size:14px}.fua-field{margin-bottom:16px}.fua-field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:#475467;margin-bottom:7px}.fua-input{width:100%;height:46px;border:1px solid #d6dee8;border-radius:13px;background:#fff;padding:0 14px;font-size:14px;outline:none;transition:.16s}.fua-input:focus{border-color:var(--fua-blue);box-shadow:0 0 0 4px rgba(11,97,164,.10)}.fua-validator{display:block;color:var(--fua-danger);font-size:12px;margin-top:5px}.fua-alert{border-radius:14px;padding:12px 14px;margin-bottom:18px;font-size:13px;line-height:1.45}.fua-alert.error{background:#fff1f0;color:#b42318;border:1px solid #ffccc7}.fua-alert.success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.fua-alert.warning{background:#fffaeb;color:#b54708;border:1px solid #fedf89}.fua-login-btn{width:100%;height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#0b61a4,#08446f);color:#fff;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 12px 24px rgba(11,97,164,.24);transition:.16s}.fua-login-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(11,97,164,.30)}.fua-login-help{margin-top:18px;border-radius:14px;background:#f8fafc;border:1px dashed #d6dee8;padding:12px;color:#667085;font-size:12px;display:grid;gap:4px}.fua-login-help strong{color:#344054}.fua-loading{position:fixed;inset:0;background:rgba(15,23,42,.26);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:99999}.fua-loading.show{display:flex}.fua-loading-box{width:180px;background:#fff;border-radius:20px;box-shadow:0 18px 46px rgba(15,23,42,.20);padding:22px;text-align:center}.fua-spinner{width:34px;height:34px;border:4px solid #e6edf5;border-top-color:var(--fua-blue);border-radius:50%;margin:0 auto 12px;animation:fuaSpin .8s linear infinite}@keyframes fuaSpin{to{transform:rotate(360deg)}}.fua-loading-box strong{display:block}.fua-loading-box span{display:block;color:#667085;font-size:12px;margin-top:4px}.fua-denied-card{width:min(480px,100%);background:#fff;border-radius:24px;border:1px solid var(--fua-border);box-shadow:0 24px 70px rgba(15,23,42,.14);padding:36px;text-align:center}.fua-denied-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#fff1f0;color:var(--fua-danger);display:grid;place-items:center;font-weight:900;font-size:32px}.fua-denied-card h1{margin:0 0 8px}.fua-denied-card p{color:#667085;line-height:1.5}.fua-denied-btn{display:inline-flex;margin-top:12px;background:var(--fua-blue);color:#fff;text-decoration:none;border-radius:12px;padding:12px 16px;font-weight:800}
.fua-admin-page{padding:16px 18px 28px;background:#f4f7fb;min-height:calc(100vh - 120px)}.fua-hero{background:linear-gradient(135deg,#0b61a4 0%,#08446f 100%);color:#fff;border-radius:18px;padding:18px 22px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 12px 28px rgba(11,97,164,.20)}.fua-hero h1{margin:0;font-size:23px}.fua-hero p{margin:5px 0 0;font-size:13px;opacity:.90}.fua-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.fua-btn{border:0;border-radius:11px;height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none}.fua-btn-primary{background:#1d74f5;color:#fff}.fua-btn-light{background:#fff;color:var(--fua-blue)}.fua-btn-soft{background:#eaf4ff;color:#0b61a4}.fua-btn-danger{background:#fff1f0;color:#b42318}.fua-btn-success{background:#eafaf1;color:#0f7a3b}.fua-panel{background:#fff;border:1px solid var(--fua-border);border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.06);margin-bottom:14px;overflow:hidden}.fua-panel-head{padding:13px 15px;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fbfdff}.fua-panel-head h2{margin:0;font-size:15px}.fua-panel-body{padding:14px}.fua-filter-row{display:grid;grid-template-columns:1.3fr .7fr auto;gap:10px;align-items:end}.fua-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fua-form-grid .span-2{grid-column:span 2}.fua-form-grid .span-4{grid-column:span 4}.fua-check{display:flex;align-items:center;gap:8px;height:44px}.fua-table-wrap{overflow:auto;max-height:560px}.fua-grid{width:100%;border-collapse:separate;border-spacing:0;min-width:1080px;font-size:12px}.fua-grid th{position:sticky;top:0;z-index:2;background:#0b61a4;color:#fff;text-transform:uppercase;letter-spacing:.03em;padding:9px 10px;font-size:11px;white-space:nowrap}.fua-grid td{padding:8px 10px;border-bottom:1px solid #edf2f7;color:#344054;white-space:nowrap}.fua-grid tr:nth-child(even) td{background:#f8fbff}.fua-grid tr:hover td{background:#eef6ff}.fua-grid th:first-child,.fua-grid td:first-child{position:sticky;left:0;z-index:3}.fua-grid td:first-child{background:#fff;font-weight:800;color:#0b61a4}.fua-grid tr:nth-child(even) td:first-child{background:#f8fbff}.fua-status-on{display:inline-flex;background:#ecfdf3;color:#067647;border:1px solid #abefc6;border-radius:999px;padding:3px 8px;font-weight:800}.fua-status-off{display:inline-flex;background:#f2f4f7;color:#667085;border:1px solid #e4e7ec;border-radius:999px;padding:3px 8px;font-weight:800}.fua-tabs{display:flex;gap:8px;flex-wrap:wrap}.fua-tab{border:1px solid #dbe5f0;background:#fff;color:#344054;border-radius:999px;height:34px;padding:0 13px;font-weight:800;cursor:pointer}.fua-tab.active{background:#0b61a4;color:#fff;border-color:#0b61a4}.fua-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fua-mini-msg{padding:10px 12px;border-radius:12px;background:#edf7ff;color:#0b61a4;font-size:12px;font-weight:700;margin-bottom:12px}
@media(max-width:980px){.fua-login-shell{grid-template-columns:1fr}.fua-login-brand{display:none}.fua-login-card{padding:34px 26px}.fua-filter-row,.fua-form-grid,.fua-two-cols{grid-template-columns:1fr}.fua-form-grid .span-2,.fua-form-grid .span-4{grid-column:span 1}.fua-hero{flex-direction:column;align-items:flex-start}.fua-hero-actions{justify-content:flex-start}}