*{box-sizing:border-box}body{margin:0;background:#f6f6fa;color:#292337;font:14px Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #aba3da;outline-offset:4px}input,select{color:#292337;background:#fcfbfe;border:1px solid #ded9e9;border-radius:9px;padding:10px 12px;min-width:0}input:focus,select:focus{outline:2px solid #7661b9;outline-offset:2px}.um-shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.um-sidebar{background:white;border-left:1px solid #e7e4ed;padding:35px 22px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.um-brand{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:bold}.um-brand img{width:35px;height:56px;object-fit:contain}.um-brand small{display:block;font-size:10px;color:#8f849b;font-weight:normal}.um-nav-label{font-size:10px;color:#aaa0b3;margin:50px 14px 20px}.um-nav{padding:14px;border-radius:11px;display:flex;gap:16px;margin-bottom:10px;color:#83758f}.um-nav.active{color:#5a47a0;background:#f0ecfa;font-weight:bold;border:1px solid #e7e0f6}.um-side-footer{margin-top:auto;color:#9e90aa;font-size:11px;padding:20px 14px;border-top:1px solid #eeeaf3}.um-side-footer small{display:block;font-size:8px;letter-spacing:2px;direction:ltr;margin-top:12px}.um-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 40px;border-bottom:1px solid #e7e4ed;background:white;font-size:11px;color:#8d8099}.um-topbar>div{display:flex;align-items:center;gap:15px}.um-primary{border:0;background:#5d4ca5;color:#fff;border-radius:9px;padding:12px 19px;font-weight:bold;font-size:12px}.um-ghost{border:1px solid #e3dcea;border-radius:9px;background:#fff;color:#77608e;padding:9px 13px;font-size:11px}main{max-width:1350px;margin:auto;padding:32px 40px}.um-page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.um-eyebrow{font-size:10px;color:#9e8cab;letter-spacing:.5px;margin:0}h1{font-size:30px;margin:8px 0}.um-page-heading p:not(.um-eyebrow){font-size:12px;color:#97849f;margin:0}.um-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.um-stats>div{background:#fff;border:1px solid #e6dfee;border-radius:13px;padding:20px}.um-stats span{font-size:11px;color:#8c7898}.um-stats strong{display:block;font-size:29px;color:#5a4597;margin-top:9px}.um-panel{background:#fff;border:1px solid #e6dfee;border-radius:15px;padding:23px;margin-bottom:22px;min-width:0}.um-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.um-panel-head h2{font-size:18px;margin:0}.um-panel-head>span{font-size:10px;color:#9c8aa8}.um-filters{display:grid;grid-template-columns:1fr 145px 125px;gap:12px;margin-bottom:22px}.um-filters input,.um-filters select{width:100%;font-size:11px}.um-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:750px;font-size:11px}th{text-align:right;color:#9b87a8;font-weight:normal;border-bottom:1px solid #eae2f0;padding:10px 12px}td{border-bottom:1px solid #eee8f3;padding:16px 12px;max-width:280px;color:#887393}td:first-child{min-width:165px;color:#5b486b}td small{display:block;font-size:10px;color:#a997b6;margin-top:4px;direction:ltr;text-align:right}.um-badge{border-radius:20px;padding:5px 10px;font-size:10px;white-space:nowrap}.um-badge.on{color:#347a57;background:#ebf7f0}.um-badge.off{color:#a66577;background:#faeef2}.um-small-button{background:#f6f2fc;color:#7b5c9b;font-size:10px;border:1px solid #ece2f5;border-radius:7px;padding:6px 9px;white-space:nowrap;margin:3px}.um-empty{text-align:center;color:#ab93b8;padding:32px;font-size:12px}.um-event{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #eee8f3;font-size:11px}.um-event small{display:block;color:#a891b5;margin-top:5px;font-size:10px}.um-event span{font-size:10px;color:#a891b5}footer{font-size:9px;color:#ab97b8;text-align:center;padding:14px}.um-alert{padding:14px 18px;border:1px solid #efcddd;background:#fff1f5;color:#ac436a;border-radius:11px;font-size:12px}.um-alert.success{background:#f0faf3;color:#3e8758;border-color:#d2e8d9}.um-setup{display:flex;align-items:center;gap:20px;background:#f1ecfb;border:1px solid #ded3f3;border-radius:15px;padding:25px}.um-setup h2{font-size:17px;margin:0 0 9px;color:#685094}.um-setup p{font-size:11px;color:#9a7dae;line-height:2;margin:4px 0}.um-setup>div{flex:1}.um-setup-icon{font-size:37px;color:#9d81c3}dialog{width:min(760px,calc(100% - 30px));max-height:90vh;padding:27px;border:1px solid #e2d7eb;background:white;border-radius:17px;color:#62486e;overflow-y:auto}dialog::backdrop{background:#30203977;backdrop-filter:blur(2px)}.um-dialog-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.um-dialog-head h2{font-size:21px;margin:8px 0 0}.um-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.um-form-grid label{display:grid;gap:7px;font-size:11px}.um-form-grid small,.um-note{font-size:10px;color:#a288b1;line-height:1.9}.wide{grid-column:1/-1}.um-permissions-head{margin:23px 0 16px;border-top:1px solid #eee4f4;padding-top:18px}.um-permissions-head h3{font-size:15px;margin:0}.um-permissions-head p{font-size:10px;color:#a68ab7;margin:5px 0}.um-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.um-permission-row{background:#faf7fd;border:1px solid #eee3f6;border-radius:10px;padding:12px}.um-permission-row strong{display:block;font-size:11px;margin-bottom:9px}.um-permission-row label{display:inline-flex;gap:5px;align-items:center;font-size:10px;margin-left:10px;color:#9a78b0}.um-permission-row input,.um-extra-permissions input{accent-color:#7153b1;width:15px;height:15px}.um-extra-permissions{margin-top:15px;display:grid;gap:8px;font-size:10px}.um-extra-permissions label{display:flex;align-items:center;gap:7px}.um-dialog-actions{display:flex;justify-content:space-between;gap:15px;padding-top:22px;border-top:1px solid #eee4f4;margin-top:22px}.um-login-body{min-height:100vh;display:grid;place-items:center;background:#ffffff}.um-login{width:min(440px,calc(100% - 30px));background:#fff;border:2px solid #46439e;border-radius:22px;padding:38px;box-shadow:0 16px 60px #674b8920;text-align:center}.um-login>img{width:43px;height:65px;object-fit:contain;margin-bottom:13px}.um-login h1{font-size:21px;line-height:1.7;margin:13px 0}.um-login>p{font-size:11px;color:#9a84a9}.um-login form{display:grid;gap:15px;text-align:right;margin-top:25px}.um-login label{display:grid;gap:7px;font-size:11px;color:#9373a7}.um-login form button{width:100%;margin-top:9px}.um-login .um-note{margin-top:20px}.um-bootstrap-link{font-size:10px;color:#b29abd}[hidden]{display:none!important}@media(max-width:1050px){.um-shell{grid-template-columns:185px minmax(0,1fr)}.um-sidebar{padding:28px 16px}main{padding:25px}.um-topbar{padding:18px 25px}}@media(max-width:730px){.um-shell{display:block}.um-sidebar{height:auto;position:static;border-bottom:1px solid #e7e4ed;padding:18px}.um-brand{margin-bottom:15px}.um-nav-label,.um-side-footer{display:none}.um-nav{display:inline-flex;margin:0 0 0 8px;padding:9px 12px}.um-topbar{padding:14px 18px;flex-wrap:wrap;gap:10px}main{padding:23px 18px}.um-page-heading{align-items:start;flex-direction:column}.um-stats{grid-template-columns:1fr 1fr;gap:10px}.um-stats>div{padding:16px}.um-filters{grid-template-columns:1fr 1fr}.um-filters input{grid-column:1/-1}.um-setup{flex-direction:column;align-items:start}.um-setup-icon{display:none}.um-form-grid,.um-permission-grid{grid-template-columns:1fr}.um-event{align-items:start;flex-direction:column}dialog{padding:21px}.um-panel{padding:18px}.um-login{padding:28px}}
.um-form-grid input,.um-form-grid select{height:44px}.um-dialog-head{align-items:flex-start}.um-form-grid label{font-size:12px}.um-form-grid small,.um-note,.um-permissions-head p{font-size:11px;color:#8d789b}.um-permission-row label{font-size:11px;color:#86639c}.um-page-heading p:not(.um-eyebrow),.um-setup p{color:#887090}
/* Match the portal's saved dark appearance across users and permission dialogs. */
.um-dark{color-scheme:dark;background:#211c20}
.um-dark body{background:#211c20;color:#f8f8f8}
.um-dark .um-sidebar,.um-dark .um-topbar,.um-dark .um-panel,.um-dark .um-stats>div,.um-dark dialog{background:#303035;color:#f8f8f8;border-color:#49494e}
.um-dark .um-brand img{background:white;border-radius:7px;padding:3px;width:42px;height:62px}
.um-dark .um-nav{color:#c4c2f0}
.um-dark .um-nav.active{background:#45434f;border-color:#64617d;color:#dedbff}
.um-dark .um-ghost{background:#38363e;border-color:#595461;color:#dedbff}
.um-dark input,.um-dark select{background:#25232b;color:#f8f8f8;border-color:#5b5665;color-scheme:dark}
.um-dark input::placeholder{color:#b6afc1;opacity:1}
.um-dark .um-stats strong,.um-dark .um-setup h2{color:#c4c2f0}
.um-dark .um-permission-row,.um-dark .um-setup{background:#383340;border-color:#51485d}
.um-dark .um-permission-row label,.um-dark .um-extra-permissions label{color:#d3c6e0}
.um-dark .um-topbar,.um-dark .um-brand small,.um-dark .um-nav-label,.um-dark .um-side-footer,.um-dark .um-eyebrow,.um-dark .um-page-heading p:not(.um-eyebrow),.um-dark .um-stats span,.um-dark .um-panel-head>span,.um-dark .um-form-grid small,.um-dark .um-note,.um-dark .um-permissions-head p,.um-dark .um-setup p,.um-dark .um-event small,.um-dark .um-event span{color:#c1b8cb}
.um-dark th{background:#38333f;color:#d3c6e0;border-color:#514b59}
.um-dark td,.um-dark .um-event,.um-dark .um-side-footer,.um-dark .um-permissions-head,.um-dark .um-dialog-actions{border-color:#49494e}
.um-dark td small{color:#bcb1c8}
.um-dark .um-badge.on{background:#264738;color:#a9e5c2}
.um-dark .um-badge.off{background:#4a303a;color:#efb1c6}
.um-dark .um-alert{background:#492d35;border-color:#69414e;color:#ffbac7}
.um-dark .um-alert.success{background:#294334;border-color:#3e654e;color:#b0e9c4}
.um-dark dialog::backdrop{background:#100d16b3}