:root{
  --iam-bg:#06111f;--iam-panel:rgba(10,24,43,.92);--iam-panel2:rgba(13,31,56,.82);--iam-border:rgba(80,190,255,.22);
  --iam-text:#eaf6ff;--iam-muted:#8aa4b8;--iam-cyan:#4bdcff;--iam-blue:#3b82f6;--iam-green:#34d399;--iam-red:#fb7185;--iam-amber:#fbbf24;
}
.iam-shell{padding:18px 22px 48px;color:var(--iam-text);background:radial-gradient(circle at top right,rgba(59,130,246,.16),transparent 34%),radial-gradient(circle at top left,rgba(75,220,255,.1),transparent 35%)}
.iam-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;padding:24px;border:1px solid var(--iam-border);border-radius:24px;background:linear-gradient(135deg,rgba(10,24,43,.96),rgba(5,12,24,.92));box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06)}
.iam-hero.compact{padding:20px}.iam-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--iam-cyan);font-size:12px;font-weight:800}.iam-hero h1{margin:6px 0;font-size:34px;line-height:1.1}.iam-hero p{margin:0;color:var(--iam-muted);max-width:780px}.iam-actions,.iam-button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.iam-grid{display:grid;gap:18px}.iam-grid.two{grid-template-columns:1.05fr 1fr}.iam-grid.three{grid-template-columns:repeat(3,1fr);margin-top:18px}.iam-grid.edit-layout{grid-template-columns:minmax(0,1.3fr) 380px}.iam-stack{display:grid;gap:18px;align-content:start}.iam-card{border:1px solid var(--iam-border);border-radius:22px;background:linear-gradient(180deg,var(--iam-panel),rgba(6,15,29,.94));box-shadow:0 14px 42px rgba(0,0,0,.28);padding:20px;overflow:hidden}.iam-card h2{margin:0 0 8px;font-size:20px}.iam-card p{color:var(--iam-muted);margin:0 0 14px}.iam-card-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.iam-form{display:grid;gap:14px}.iam-form.small{gap:10px}.iam-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.iam-form label{display:grid;gap:6px;font-size:12px;color:var(--iam-muted);font-weight:700;letter-spacing:.02em}.iam-form input,.iam-form select,.iam-form textarea,.iam-search input{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.24);background:rgba(2,8,23,.72);color:var(--iam-text);border-radius:12px;padding:11px 12px;outline:none}.iam-form input:focus,.iam-form select:focus,.iam-form textarea:focus,.iam-search input:focus{border-color:var(--iam-cyan);box-shadow:0 0 0 3px rgba(75,220,255,.12)}.iam-section-title{color:var(--iam-cyan);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-top:6px}.iam-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.iam-check-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));max-height:160px;overflow:auto;padding-right:5px}.iam-check{display:flex!important;align-items:center;gap:8px;background:rgba(15,35,61,.68);border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:9px 10px;color:#dbeafe!important}.iam-check input{width:auto!important}.iam-primary,.iam-btn,.iam-danger{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:10px 14px;font-weight:800;text-decoration:none;cursor:pointer}.iam-primary{background:linear-gradient(135deg,var(--iam-cyan),var(--iam-blue));color:#03111f}.iam-btn{background:rgba(75,220,255,.13);color:var(--iam-text);border:1px solid rgba(75,220,255,.28)}.iam-btn.ghost{background:rgba(255,255,255,.04)}.iam-danger{background:rgba(251,113,133,.14);color:#fecdd3;border:1px solid rgba(251,113,133,.35)}.iam-danger.wide{width:100%;margin-top:10px}.iam-alert{border:1px solid rgba(75,220,255,.36);background:rgba(75,220,255,.11);color:#dff8ff;border-radius:16px;padding:12px 14px;margin-bottom:18px}.iam-search{display:flex;gap:10px;margin-bottom:14px}.iam-user-list{display:grid;gap:10px}.iam-user-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;text-decoration:none;color:var(--iam-text);background:rgba(10,25,45,.78);border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:12px;transition:.16s}.iam-user-row:hover{border-color:var(--iam-cyan);transform:translateY(-1px);box-shadow:0 10px 30px rgba(75,220,255,.08)}.iam-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(75,220,255,.25),rgba(59,130,246,.18));border:1px solid rgba(75,220,255,.34);font-weight:900}.iam-user-main{display:grid;gap:3px}.iam-user-main span,.iam-user-main small,.iam-user-meta small,.iam-muted{color:var(--iam-muted)}.iam-user-meta{text-align:right;display:grid;gap:5px}.iam-pill{display:inline-flex;justify-content:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:rgba(148,163,184,.18);color:#e2e8f0}.iam-pill.active,.iam-pill.success{background:rgba(52,211,153,.14);color:#bbf7d0}.iam-pill.disabled,.iam-pill.failed,.iam-pill.blocked,.iam-pill.locked{background:rgba(251,113,133,.15);color:#fecdd3}.iam-pill.locked{background:rgba(251,191,36,.16);color:#fde68a}.iam-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.iam-metrics>div,.iam-stat-list>div{padding:14px;border-radius:16px;background:rgba(10,25,45,.82);border:1px solid rgba(75,220,255,.18)}.iam-metrics span,.iam-stat-list span{display:block;color:var(--iam-muted);font-size:12px}.iam-metrics strong,.iam-stat-list strong{display:block;font-size:26px;margin-top:5px}.iam-stat-list{display:grid;gap:10px}.iam-table-wrap{overflow:auto;max-height:470px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid rgba(148,163,184,.14);text-align:left;font-size:13px}th{color:var(--iam-cyan);text-transform:uppercase;font-size:11px;letter-spacing:.08em}td{color:#dbeafe}.iam-perm-list{display:flex;gap:6px;flex-wrap:wrap}.iam-perm-list span{font-size:11px;border:1px solid rgba(75,220,255,.2);background:rgba(75,220,255,.08);border-radius:999px;padding:5px 8px;color:#bfdbfe}.iam-empty{padding:20px;text-align:center;color:var(--iam-muted);border:1px dashed rgba(148,163,184,.24);border-radius:16px}
@media(max-width:1100px){.iam-grid.two,.iam-grid.three,.iam-grid.edit-layout{grid-template-columns:1fr}.iam-metrics{grid-template-columns:repeat(2,1fr)}.iam-check-grid{grid-template-columns:1fr}.iam-hero{align-items:flex-start;flex-direction:column}.iam-user-row{grid-template-columns:44px 1fr}.iam-user-meta{text-align:left;grid-column:2}.iam-form-grid{grid-template-columns:1fr}}
.iam-login-body{min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 15% 20%,rgba(59,130,246,.18),transparent 32%),radial-gradient(circle at 85% 80%,rgba(75,220,255,.1),transparent 35%),#06111f;color:#eaf6ff}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch}
.login-brand-panel{position:relative;overflow:hidden;padding:42px 38px;display:grid;align-content:center;gap:14px;background:linear-gradient(135deg,rgba(7,17,31,.98),rgba(16,36,61,.92));border-right:1px solid rgba(80,190,255,.18)}
.login-brand-panel .pulse-orb{position:absolute;top:24px;right:24px;width:72px;height:72px;border-radius:999px;background:radial-gradient(circle,rgba(75,220,255,.45),transparent 70%);animation:loginOrb 3s ease-in-out infinite}
@keyframes loginOrb{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}
.login-brand-panel .eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--iam-cyan);font-size:12px;font-weight:800;margin:0}
.login-brand-panel h1{margin:0;font-size:34px;line-height:1.08;color:#fff}
.login-copy{margin:0;color:var(--iam-muted);line-height:1.55;max-width:520px}
.login-signal-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.login-signal-grid span{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid rgba(75,220,255,.22);background:rgba(75,220,255,.08);color:#bfdbfe}
.login-flyer-wrap{margin-top:10px;max-width:560px}
.login-flyer-wrap img{width:100%;height:auto;border-radius:16px;border:1px solid rgba(148,163,184,.2);box-shadow:0 18px 50px rgba(0,0,0,.35);display:block}
.login-flyer-caption{margin:8px 0 0;color:#7aeec3;font-size:12px;font-weight:800}
.login-card{margin:42px 38px;padding:30px;border-radius:24px;border:1px solid rgba(80,190,255,.22);background:linear-gradient(180deg,rgba(10,24,43,.96),rgba(6,15,29,.94));box-shadow:0 24px 70px rgba(0,0,0,.38);align-self:center}
.login-card .eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--iam-cyan);font-size:12px;font-weight:800;margin:0 0 8px}
.login-card h2{margin:0 0 18px;color:#fff;font-size:28px}
.login-card label{display:block;color:var(--iam-muted);font-size:12px;font-weight:700;margin:0 0 6px}
.login-card input{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.24);background:rgba(2,8,23,.72);color:var(--iam-text);border-radius:12px;padding:11px 12px;margin-bottom:14px}
.login-card button{width:100%;border:0;border-radius:12px;padding:12px 14px;font-weight:900;color:#03111f;background:linear-gradient(135deg,var(--iam-cyan),var(--iam-blue));cursor:pointer}
.login-alert{border:1px solid rgba(251,113,133,.35);background:rgba(251,113,133,.12);color:#fecdd3;border-radius:12px;padding:10px 12px;margin-bottom:14px}
.login-hint{margin-top:16px;color:var(--iam-muted);font-size:13px;line-height:1.5}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-brand-panel{border-right:0;border-bottom:1px solid rgba(80,190,255,.18)}.login-card{margin:24px}}
