:root{--bg-cream:#f4efe7;--bg-card:#fffaf3;--ink:#1d2430;--ink-soft:#566072;--line:#d7d1c8;--cyan:#12a7b8;--blue:#1f54d8;--teal:#0b6d74;--shadow:0 22px 44px #14141c2b}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 0, #dbeffc 0%, transparent 40%), radial-gradient(circle at 88% -10%, #d6f3ee 0%, transparent 38%), var(--bg-cream);margin:0;font-family:Segoe UI,Trebuchet MS,Tahoma,sans-serif}#root{min-height:100vh}.login-shell{justify-content:flex-end;align-items:center;min-height:100vh;padding:20px 6vw;display:flex;position:relative;overflow:hidden}.login-shell:before{content:"";filter:contrast(1.02)saturate(.9);opacity:.045;pointer-events:none;background-image:url(https://images.unsplash.com/photo-1585079374502-415f8516dcc3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxmaW5nZXJwcmludCUyMGJpb21ldHJpYyUyMHNlY3VyaXR5JTIwcGF0dGVybnxlbnwxfHx8fDE3ODAwNzYwODB8MA&ixlib=rb-4.1.0&q=80&w=1080);background-position:50%;background-repeat:no-repeat;background-size:135%;position:absolute;inset:0;transform:rotate(-12deg)scale(1.35)}.login-card{background:var(--bg-card);border:1px solid var(--line);width:min(470px,100%);box-shadow:var(--shadow);z-index:1;border-radius:18px;padding:34px;position:relative}.login-logo{width:auto;max-height:82px;margin:0 auto 22px;display:block}.login-title{text-align:center;letter-spacing:.01em;margin:0;font-size:1.9rem}.login-subtitle{text-align:center;color:var(--ink-soft);margin:8px 0 22px}.status-card{border:1px solid #0000;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:.94rem}.status-error{color:#8d2b21;background:#ffeceb;border-color:#f4b4af}.status-info{color:#0b4f57;background:#e9f8fa;border-color:#a5dbe2}.stack{gap:12px;display:grid}.btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 14px;font-size:1rem;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.68}.btn-primary{color:#fff;background:linear-gradient(110deg, var(--cyan), var(--blue));box-shadow:0 10px 24px #1b56b259}.btn-primary:not(:disabled):hover{transform:translateY(-1px)}.btn-secondary{color:var(--teal);background:#effcff;border:2px solid #80d1da}.hint{color:var(--ink-soft);text-align:center;margin-top:16px;font-size:.88rem}.control-shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.side-nav{color:#f1fafb;background:linear-gradient(#09363f 0%,#0d5560 100%);border-right:1px solid #ffffff29;padding:24px 18px}.side-nav img{border-radius:10px;width:100%;max-width:165px;margin:0 auto 22px;display:block}.nav-group{gap:8px;display:grid}.nav-item{color:#d9f4f7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.95rem;text-decoration:none;display:inline-flex}.nav-item.is-active{color:#fff;background:#ffffff2b;font-weight:700}.nav-item:disabled{cursor:not-allowed;opacity:.62}.nav-caption{color:#9fd6dc;margin-top:8px;font-size:.8rem}.control-content{padding:28px}.control-card{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;width:min(840px,100%);padding:24px;box-shadow:0 16px 40px #14141c1c}.control-card h1{margin-top:0}.module-tile{background:#f3fbfc;border:1px solid #bde3e8;border-radius:14px;margin-top:20px;padding:16px}.module-tag{color:#ecfeff;background:#0f727f;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:.75rem;display:inline-block}.um-card{width:min(1120px,100%)}.um-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.um-subtitle{color:var(--ink-soft);max-width:740px;margin:8px 0 0}.um-invite-btn{flex-shrink:0}.um-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.um-metric{background:#f4fcfd;border:1px solid #c9dde2;border-radius:12px;padding:12px}.um-metric p{color:var(--ink-soft);margin:0;font-size:.86rem}.um-metric strong{color:#12444f;margin-top:6px;font-size:1.45rem;display:inline-block}.um-filters{grid-template-columns:1fr 180px 180px;gap:10px;margin-top:16px;display:grid}.um-input,.um-select{width:100%;color:var(--ink);background:#fff;border:1px solid #bfd5da;border-radius:10px;padding:10px 12px;font-size:.94rem}.um-table-wrap{background:#fff;border:1px solid #cbd9de;border-radius:12px;margin-top:14px;overflow:hidden}.um-table{border-collapse:collapse;width:100%}.um-table th,.um-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e7eef1;padding:12px;font-size:.9rem}.um-table th{color:#34505b;letter-spacing:.02em;background:#f6fafb;font-size:.82rem}.um-primary{margin:0;font-weight:700}.um-secondary{color:var(--ink-soft);margin:3px 0 0;font-size:.82rem}.um-status{border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:700;display:inline-block}.um-status-active{color:#10653a;background:#e6f8ee}.um-status-pending{color:#8b5c00;background:#fff5dd}.um-status-suspended{color:#7a1e18;background:#ffe9e8}.um-chip{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700}.um-chip-good{color:#0e5963;background:#e3f5f8;border-color:#93d1da}.um-chip-muted{color:#704f33;background:#f6f0ea;border-color:#ddccb9}.um-actions{gap:8px;display:flex}.um-link{color:#0d5d69;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.um-link-danger{color:#a1281f}.um-empty{color:var(--ink-soft);border-top:1px solid #e7eef1;align-items:center;gap:8px;padding:12px;display:flex}.um-audit{background:#f8fdfe;border:1px solid #c9dde2;border-radius:12px;margin-top:18px;padding:12px}.um-audit h2{margin:0 0 10px;font-size:1rem}.um-audit ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.um-audit li{color:#1c3844;align-items:flex-start;gap:8px;display:flex}.um-audit li p{margin:0}.um-audit li span{color:var(--ink-soft);font-size:.8rem}.um-modal-backdrop{z-index:20;background:#0c171a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.um-modal{background:#fff;border:1px solid #c3d7dc;border-radius:14px;width:min(480px,100%);padding:18px;box-shadow:0 20px 40px #00000038}.um-modal h2{margin:0}.um-modal p{color:var(--ink-soft);margin:8px 0 14px}.um-field{gap:6px;margin-bottom:10px;font-size:.88rem;font-weight:600;display:grid}.um-error{color:#a12d23;margin:4px 0 0;font-size:.85rem}.um-modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}@media (width<=900px){.login-shell{justify-content:center;padding:20px}.control-shell{grid-template-columns:1fr}.side-nav{border-bottom:1px solid #ffffff29;border-right:0}.control-content{padding:18px}.um-header-row{flex-direction:column}.um-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.um-filters{grid-template-columns:1fr}.um-table-wrap{overflow-x:auto}}