:root{color:#152231;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.users-page{background:#fff;min-height:100vh;padding:28px 32px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.users-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.users-header h1{color:#1a1f36;margin:0;font-size:24px;font-weight:700}.users-header p{color:#697386;margin:6px 0 0;font-size:13.5px}.users-header-actions{gap:8px;display:flex}.user-icon-button,.user-filter-more{color:#697386;cursor:pointer;background:#fff;border:1px solid #e3e8ee;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.user-primary-button{color:#fff;cursor:pointer;background:#5a54d8;border:1px solid #5a54d8;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:600;display:flex}.users-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.user-filter-pill{color:#1a1f36;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e3e8ee;border-radius:999px;padding:7px 14px;font-size:13.5px}.user-filter-pill.active{border-color:#1a1f36;font-weight:600}.users-search-row{gap:10px;margin-top:14px;display:flex}.users-search-box{color:#8792a2;background:#fff;border:1px solid #e3e8ee;border-radius:6px;flex:1;align-items:center;gap:8px;padding:9px 12px;display:flex}.users-search-box input{color:#1a1f36;border:0;outline:0;width:100%;font-size:13.5px}.users-search-box input::placeholder{color:#8792a2}.user-filter-button{color:#3c4257;cursor:pointer;background:#fff;border:1px solid #e3e8ee;border-radius:6px;align-items:center;gap:6px;padding:9px 14px;font-size:13.5px;display:flex}.users-table-wrap{min-height:132px;margin-top:18px;overflow-x:auto}.users-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:920px;font-size:13.5px}.users-table th{color:#697386;text-align:left;border-bottom:1px solid #e3e8ee;padding:10px 12px;font-weight:500}.users-table td{color:#3c4257;border-bottom:1px solid #f0f2f5;padding:13px 12px}.users-table tbody tr:hover{background:#f8fafc}.user-login{color:#1a1f36;font-weight:500}.temporary-password{color:#5a54d8;background:#f4f5fa;border-radius:4px;padding:3px 6px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.password-hidden{color:#8792a2;font-size:12px}.user-toggle{cursor:pointer;background:#d9e3ea;border:0;border-radius:999px;width:32px;height:18px;transition:background .14s;position:relative}.user-toggle span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.user-toggle.active{background:#5a54d8}.user-toggle.active span{transform:translate(14px)}.users-empty{text-align:center;color:#8792a2;padding:34px 12px}.users-error{color:#cd3d64;background:#fdf2f6;border-radius:8px;margin-top:16px;padding:12px 14px;font-size:13.5px}.users-pagination{color:#697386;justify-content:space-between;gap:12px;padding:14px 4px;font-size:13px;display:flex}@media (width<=700px){.users-page{padding:22px 16px}.users-header{flex-direction:column;align-items:stretch}.users-header-actions{justify-content:flex-end}.users-search-row,.users-pagination{flex-direction:column}}.user-link-button{color:#5a54d8;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.user-link-button:disabled{color:#8792a2;cursor:default}.users-table td{height:44px}.cell-input{color:#1a1f36;border:1px solid #d9dee5;border-radius:5px;outline:0;width:100%;max-width:190px;padding:5px 8px;font-size:13px}.cell-input:focus{border-color:#5a54d8;box-shadow:0 0 0 2px #edebfe}.cell-chips{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.cell-chip{color:#3c4257;white-space:nowrap;background:#f7f8fa;border:1px solid #e3e8ee;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;font-size:12px;display:inline-flex}.chip-remove{color:#cd3d64;cursor:pointer;background:#fdecef;border:0;border-radius:3px;place-items:center;width:14px;height:14px;padding:0;display:grid}.chip-remove:hover{color:#fff;background:#cd3d64}.chip-picker{display:inline-flex;position:relative}.chip-add{color:#5a54d8;cursor:pointer;background:#fff;border:1px dashed #b9c0cc;border-radius:5px;place-items:center;width:20px;height:20px;padding:0;display:grid}.chip-add:hover{background:#f8f7ff;border-color:#5a54d8}.chip-menu{z-index:40;background:#fff;border:1px solid #e3e8ee;border-radius:7px;min-width:170px;max-height:190px;padding:4px;position:absolute;top:24px;left:0;overflow-y:auto;box-shadow:0 6px 18px #1a1f3624}.chip-menu button{color:#3c4257;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;padding:6px 8px;font-size:12.5px;display:block}.chip-menu button:hover{background:#f5f5f8}.chip-menu-empty{color:#8792a2;padding:6px 8px;font-size:12px;display:block}.cell-select{align-items:center;display:inline-flex;position:relative}.cell-select select{appearance:none;color:#1a1f36;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:5px;outline:0;padding:5px 22px 5px 8px;font-size:13px}.cell-select select:focus{border-color:#5a54d8}.cell-select svg{color:#697386;pointer-events:none;position:absolute;right:6px}.action-menu-wrap{display:inline-flex;position:relative}.action-menu{z-index:40;background:#fff;border:1px solid #e3e8ee;border-radius:7px;min-width:130px;padding:4px;position:absolute;top:34px;right:0;box-shadow:0 6px 18px #1a1f3624}.action-menu button{color:#3c4257;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;padding:7px 9px;font-size:13px;display:block}.action-menu button:hover{background:#f5f5f8}.action-menu button.danger{color:#cd3d64}.action-menu button.danger:hover{background:#fdecef}.edit-actions{align-items:center;gap:6px;display:flex}.user-primary-button.small{padding:6px 11px;font-size:13px}.license-tag{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.license-tag.premium{color:#5a54d8;background:#edebfe}.license-tag.demo{color:#697386;background:#f0f2f5}.license-tag.resolved{color:#16825d;background:#e6f6ef}.user-link-button.danger{color:#cd3d64}.users-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.users-table td>*{vertical-align:middle}.actions-cell{position:relative}.action-menu{z-index:60}.action-menu.floating{z-index:9999;width:150px;position:fixed}.profiles-header{justify-content:space-between;align-items:center;display:flex}.profiles-header h1{color:#1a1f36;margin:0;font-size:24px;font-weight:700}.profiles-tabs{border-bottom:1px solid #e3e8ee;gap:20px;margin-top:18px;display:flex}.profiles-tab{color:#697386;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 2px 12px;font-size:14px;font-weight:400}.profiles-tab:hover{color:#1a1f36}.profiles-tab.active{color:#1a1f36;border-bottom-color:#1a1f36;font-weight:600}.profiles-description{white-space:normal;color:#697386}.matrix-table{table-layout:auto}.matrix-role{white-space:nowrap;text-align:center!important}.matrix-cell{text-align:center}.matrix-key{color:#8792a2;margin-top:2px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;display:block}.matrix-yes{color:#0a7c42;vertical-align:middle}.matrix-no{color:#c7cdd6}.users-table.matrix-table td{white-space:normal;overflow:visible}.loading-screen,.login-page{color:#0a2540;background:linear-gradient(135deg,#f6f9fc 0%,#eef4ff 100%);place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border:1px solid #e6ebf1;border-radius:16px;width:min(440px,100% - 32px);padding:40px;box-shadow:0 16px 36px #0a254014}.brand{letter-spacing:-.55px;color:#0a2540;align-items:center;gap:10px;font-size:20px;font-weight:750;display:flex}.brand span span{color:#635bff}.brand.large{margin-bottom:30px;font-size:24px}.login-copy{color:#5b7083;margin:0 0 28px;line-height:1.6}.login-card h1{letter-spacing:-.9px;margin:8px 0;font-size:28px}.login-card form{gap:16px;display:grid}.login-card label{color:#425466;gap:7px;font-size:13px;font-weight:650;display:grid}.login-card input{color:#0a2540;background:#fff;border:1px solid #d9e3ea;border-radius:7px;outline:none;padding:12px 13px}.login-card input:focus{border-color:#635bff;box-shadow:0 0 0 3px #635bff24}.primary{color:#fff;background:#635bff;border:0;border-radius:7px;padding:12px 14px;font-weight:700;box-shadow:0 2px 5px #635bff40}.primary:hover{background:#544ddb}.primary:disabled{opacity:.65;cursor:wait}.form-error{color:#cd3d64;margin:0;font-size:13px}.app-shell{background:#f6f9fc;min-height:100vh;display:flex}.workspace{flex:1;min-width:0}.eyebrow{color:#635bff;letter-spacing:.13em;margin:0;font-size:10px;font-weight:800}.status i{background:#24b47e;border-radius:50%;width:7px;height:7px;display:inline-block}.content{max-width:1240px;margin:0 auto;padding:40px 48px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0;display:grid}.metric,.panel{background:#fff;border:1px solid #e6ebf1;border-radius:12px;box-shadow:0 2px 5px #0a254006}.metric{gap:8px;padding:20px;display:grid}.metric span,.metric small,.panel-head p{color:#5b7083;font-size:12px}.metric strong{letter-spacing:-.75px;color:#0a2540;font-size:25px}.panel{padding:24px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel h3,.panel h2{color:#0a2540;letter-spacing:-.5px;margin:0 0 5px}.panel-head p{margin:0}.ghost{color:#635bff;background:#fff;border:1px solid #d9e3ea;border-radius:7px;padding:8px 11px;font-size:12px;font-weight:700}.location-list{margin-top:20px}.location-row{border-top:1px solid #eef2f5;align-items:center;gap:13px;padding:15px 0;display:flex}.location-icon{color:#635bff;background:#eef6ff;border-radius:7px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.location-row div{gap:3px;display:grid}.location-row strong{color:#0a2540}.location-row small{color:#5b7083;font-size:12px}.status{color:#16825d;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.status i{width:7px;height:7px}.empty,.empty-panel p{color:#5b7083}.empty-panel{padding:50px}.empty-panel h2{font-size:30px}.empty-panel p{max-width:520px;line-height:1.6}@media (width<=900px){.content{padding-left:24px;padding-right:24px}.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.app-shell{display:block}.metrics{grid-template-columns:1fr}.content{padding:20px}}.shell-sidebar-scroll>.shell-nav-group:first-child{margin-top:28px}.shell-sidebar{z-index:30;background:#fff;border-right:1px solid #e3e8ee;flex-direction:column;width:200px;min-width:200px;height:100vh;transition:width .16s,min-width .16s;display:flex;position:sticky;top:0}.shell-sidebar.collapsed{width:60px;min-width:60px}.shell-account{border-bottom:1px solid #f0f2f5;align-items:center;gap:8px;height:52px;padding:14px 12px;display:flex}.shell-account-avatar{color:#fff;background:#5a54d8;border-radius:5px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.shell-account-name{text-overflow:ellipsis;white-space:nowrap;color:#1a1f36;font-size:13.5px;font-weight:600;overflow:hidden}.shell-sidebar-scroll{flex:1;padding:8px;overflow-y:auto}.shell-nav-group{flex-direction:column;gap:1px;display:flex}.shell-nav-row,.shell-collapse-row{color:#3c4257;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:6px 12px;font-size:13.5px;font-weight:400;line-height:1.4;transition:background .14s,color .14s;display:flex}.shell-nav-row:hover,.shell-collapse-row:hover{color:#1a1f36;background:#f5f5f8}.shell-nav-row.active{color:#5a54d8;background:#edebfe;font-weight:600}.shell-nav-row.collapsed,.shell-collapse-row.collapsed{justify-content:center;padding:8px 0}.shell-nav-row.collapsed span,.shell-collapse-row.collapsed span{display:none}.shell-nav-icon{color:#697386;flex:0 0 16px}.shell-nav-row.active .shell-nav-icon{color:#5a54d8}.shell-section-label{color:#8792a2;padding:10px 12px 4px;font-size:11.5px;font-weight:600}.shell-section-divider{border-top:1px solid #f0f2f5;margin:8px}.shell-sidebar-footer{border-top:1px solid #f0f2f5;flex-direction:column;gap:2px;padding:8px;display:flex}.shell-collapse-row{color:#8792a2;font-size:13px}.shell-user-footer{color:#8792a2;justify-content:space-between;align-items:center;gap:8px;padding:12px 4px 2px;font-size:12px;display:flex}.shell-user-footer button{color:#697386;background:0 0;border:0;padding:0;font-size:12px}.shell-mobile-menu,.shell-sidebar-backdrop{display:none}@media (width<=700px){.shell-sidebar{transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:8px 0 28px #1a1f3629}.shell-sidebar.mobile-open{transform:translate(0)}.shell-sidebar.collapsed{width:200px;min-width:200px}.shell-sidebar.collapsed .shell-account-name,.shell-sidebar.collapsed .shell-section-label,.shell-sidebar.collapsed .shell-nav-row span,.shell-sidebar.collapsed .shell-collapse-row span,.shell-sidebar.collapsed .shell-user-footer{display:block}.shell-sidebar.collapsed .shell-nav-row,.shell-sidebar.collapsed .shell-collapse-row{justify-content:flex-start;padding:6px 12px}.shell-sidebar-backdrop.visible{z-index:20;background:#1a1f3638;display:block;position:fixed;inset:0}.shell-mobile-menu{z-index:10;background:#fff;border:1px solid #e3e8ee;border-radius:6px;gap:4px;width:36px;height:36px;padding:9px;display:grid;position:fixed;top:16px;left:16px;box-shadow:0 2px 5px #1a1f361a}.shell-mobile-menu span{background:#697386;border-radius:2px;width:16px;height:2px}.topbar{padding-left:68px!important}}@media (width>=701px){.shell-sidebar.collapsed .shell-account{justify-content:center;padding:14px 0}.shell-sidebar.collapsed .shell-sidebar-scroll,.shell-sidebar.collapsed .shell-sidebar-footer{padding:8px 6px}.shell-sidebar.collapsed .shell-section-label,.shell-sidebar.collapsed .shell-user-footer{display:none}}.content{padding-top:32px}.metric-split{gap:3px;display:grid}.metric-split span{color:#5b7083;font-size:12px}.metric-split b{color:#0a2540;font-weight:700}.commerce-panel{overflow:hidden}.commerce-count{color:#0a2540;border:1px solid #d9e3ea;border-radius:8px;place-items:center;min-width:44px;height:44px;font-size:18px;font-weight:700;display:grid}.commerce-table-wrap{margin-top:24px;overflow-x:auto}.commerce-table{border-collapse:collapse;width:100%;min-width:680px}.commerce-table th{color:#8792a2;text-align:left;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e3e8ee;padding:11px 14px;font-size:11px;font-weight:700}.commerce-table td{color:#425466;white-space:nowrap;border-bottom:1px solid #eef2f5;padding:16px 14px;font-size:13px}.commerce-table tbody tr:hover{background:#f8fafc}.commerce-table td:first-child{white-space:normal}.commerce-table td strong,.commerce-table td small{display:block}.commerce-table td strong{color:#0a2540;font-size:14px}.commerce-table td small{color:#8792a2;margin-top:4px;font-size:12px}.commerce-table .status{margin-left:0}.status.warn{color:#9a6b00}.status.warn i{background:#d69e2e}.status.danger{color:#cd3d64}.status.danger i{background:#e04f6b}.commerce-table .status i{box-shadow:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html:has(.login-page){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.login-page) body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}html:has(.login-page) #root{height:100%}.login-page{overscroll-behavior:none;box-sizing:border-box;height:100dvh;min-height:0;max-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden}.login-card{overscroll-behavior:contain;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow-y:auto}.login-card input,.login-card button{touch-action:manipulation}.login-card input{font-size:16px}@media (width<=480px){.login-card{border-radius:14px;padding:30px 20px}}@media (width<=900px){.login-page{padding-top:calc(max(12px,env(safe-area-inset-top)) + 5vh);align-items:start}.login-card{max-height:calc(100dvh - 5vh - 36px)}}