:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.devices-page{flex-direction:column;gap:20px;display:flex}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.page-header p{color:#687386;margin:6px 0 0;font-size:14px}.secondary-button,.text-button,.pagination-button{background:0 0;border:0}.secondary-button{color:#273247;background:#fff;border:1px solid #d9deea;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.secondary-button:hover:not(:disabled){background:#f7f9fc;border-color:#cbd2df}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.device-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.device-summary-card{background:#fff;border:1px solid #e1e6ef;border-radius:12px;min-height:92px;padding:18px 20px;box-shadow:0 1px 2px #1018280a}.device-summary-card span{color:#687386;font-size:13px;font-weight:500;display:block}.device-summary-card strong{color:#172033;margin-top:8px;font-size:26px;line-height:1;display:block}.device-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.device-search{color:#7b8494;background:#fff;border:1px solid #d9deea;border-radius:8px;flex:320px;align-items:center;gap:9px;min-width:240px;height:40px;padding:0 12px;display:flex}.device-search:focus-within{border-color:#8c98aa;box-shadow:0 0 0 3px #3b82f614}.device-search input{color:#172033;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.device-search input::placeholder{color:#9aa3b2}.device-toolbar select{color:#273247;background:#fff;border:1px solid #d9deea;border-radius:8px;outline:0;height:40px;padding:0 34px 0 12px;font-size:14px}.device-toolbar select:focus{border-color:#8c98aa;box-shadow:0 0 0 3px #3b82f614}.text-button{color:#315efb;padding:8px 4px;font-size:14px;font-weight:600}.text-button:hover{text-decoration:underline}.devices-table-card{background:#fff;border:1px solid #e1e6ef;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.table-wrapper{width:100%;overflow-x:auto}.devices-table{border-collapse:collapse;width:100%;min-width:920px}.devices-table th{color:#687386;letter-spacing:.02em;text-align:left;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #e7ebf2;height:48px;padding:0 18px;font-size:12px;font-weight:600}.devices-table td{color:#273247;vertical-align:middle;border-bottom:1px solid #eef1f5;height:68px;padding:10px 18px;font-size:14px}.devices-table tbody tr:last-child td{border-bottom:0}.devices-table tbody tr:hover{background:#fafbfd}.device-name-cell{align-items:center;gap:12px;min-width:220px;display:flex}.device-platform-icon{color:#4d596d;background:#f7f9fc;border:1px solid #e1e6ef;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.device-name-cell strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:14px;font-weight:600;display:block;overflow:hidden}.device-name-cell small,.table-subtext{color:#8a94a5;margin-top:4px;font-size:12px;display:block}.device-status,.device-enrollment{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.device-status-online{color:#18794e;background:#e9f8ef}.device-status-offline{color:#626c7d;background:#f1f3f6}.device-status-enrolled{color:#315ec8;background:#eaf1ff}.device-status-quarantined{color:#a15c00;background:#fff3df}.device-status-retired,.device-status-lost,.device-status-disabled{color:#a13b3b;background:#f9e9e9}.device-enrollment-enrolled{color:#18794e;background:#e9f8ef}.device-enrollment-pending{color:#9a6200;background:#fff5df}.device-enrollment-failed,.device-enrollment-revoked{color:#a13b3b;background:#f9e9e9}.devices-state{color:#7b8494;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;padding:40px 24px;display:flex}.devices-state strong{color:#273247;font-size:16px}.devices-state span{max-width:520px;font-size:14px}.devices-error{color:#a13b3b}.devices-error strong{color:#8f3030}.devices-error .secondary-button{margin-top:6px}.devices-pagination{color:#687386;border-top:1px solid #e7ebf2;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 18px;font-size:13px;display:flex}.pagination-controls{align-items:center;gap:10px;display:flex}.pagination-button{color:#4d596d;background:#fff;border:1px solid #d9deea;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.pagination-button:hover:not(:disabled){background:#f7f9fc}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.spin{animation:1s linear infinite devices-spin}@keyframes devices-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.device-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.page-header{flex-direction:column;align-items:flex-start}.device-summary-grid{grid-template-columns:1fr}.device-toolbar{flex-direction:column;align-items:stretch}.device-search{flex-basis:auto;width:100%}.device-toolbar select{width:100%}.devices-pagination{flex-direction:column;align-items:flex-start}.pagination-controls{justify-content:space-between;width:100%}}:root{--sidebar-width:252px;--sidebar-collapsed-width:76px;--topbar-height:70px;--primary:#2457d6;--primary-dark:#1d46ad;--text:#172033;--muted:#697386;--border:#e5e9f1;--surface:#fff;--background:#f5f7fb}.app-shell{background:var(--background);min-height:100vh}.sidebar{width:var(--sidebar-width);color:#cbd3e1;z-index:50;background:#101827;flex-direction:column;transition:width .18s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{height:var(--topbar-height);border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:0 18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#3268ed,#1d46ad);border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:grid;box-shadow:0 5px 18px #2457d647}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-name{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.brand-subtitle{color:#8792a7;text-transform:uppercase;letter-spacing:.8px;margin-top:3px;font-size:10px}.sidebar-nav{flex:1;padding:15px 10px;overflow-y:auto}.nav-section{color:#68758d;letter-spacing:1px;text-transform:uppercase;margin:17px 10px 7px;font-size:10px;font-weight:700}.nav-item{color:#aeb8c9;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:42px;margin:2px 0;padding:0 11px;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item-active{color:#fff;background:#3268ed2b;box-shadow:inset 3px 0 #4e7bf0}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-footer{border-top:1px solid #ffffff14;padding:12px 10px}.collapse-button{color:#8995aa;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:40px;display:flex}.collapse-button:hover{color:#fff;background:#ffffff0d}.main-area{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .18s}.main-area-expanded{margin-left:var(--sidebar-collapsed-width)}.topbar{height:var(--topbar-height);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff0;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions{align-items:center;display:flex}.breadcrumb{color:#7a8496;align-items:center;gap:10px;font-size:13px;display:flex}.breadcrumb strong{color:var(--text);font-weight:600}.breadcrumb-separator{color:#b4bdcb}.topbar-actions{gap:12px}.search-box{color:#8a94a6;background:#f7f8fa;border:1px solid #e4e8ef;border-radius:8px;align-items:center;gap:8px;width:230px;height:38px;padding:0 10px;display:flex}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-box input::placeholder{color:#98a1b0}.search-shortcut{color:#929bab;background:#fff;border:1px solid #dde2ea;border-radius:4px;padding:2px 5px;font-size:10px}.icon-button{color:#647084;background:#fff;border:1px solid #e4e8ef;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button:hover{color:var(--primary)}.notification-dot{background:#e04f5f;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.profile-button{color:var(--text);background:0 0;border:0;align-items:center;gap:9px;padding:3px;display:flex;position:relative}.avatar{color:#2457d6;background:#e8eefc;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.profile-info{text-align:left;flex-direction:column;display:flex}.profile-name{font-size:12px;font-weight:650}.profile-role{color:#8a94a6;margin-top:2px;font-size:10px}.profile-menu{border:1px solid var(--border);text-align:left;z-index:100;background:#fff;border-radius:10px;width:235px;padding:8px;position:absolute;top:47px;right:0;box-shadow:0 14px 35px #1e2a3c1f}.profile-menu-header{border-bottom:1px solid var(--border);flex-direction:column;padding:10px;display:flex}.profile-menu-header strong{font-size:12px}.profile-menu-header span{color:#8a94a6;margin-top:3px;font-size:10px}.profile-menu button{color:#4d586b;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:12px;display:flex}.profile-menu button:hover{color:var(--text);background:#f5f7fb}.content-area{max-width:1600px;margin:0 auto;padding:30px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.eyebrow{color:#7e899b;letter-spacing:1.4px;margin:0 0 6px;font-size:10px;font-weight:750}.page-heading h1{color:var(--text);letter-spacing:-.5px;margin:0;font-size:27px;line-height:1.2}.page-description{color:var(--muted);margin:7px 0 0;font-size:12px}.primary-button,.secondary-button{border-radius:7px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-dark)}.secondary-button{color:#596579;background:#fff;border:1px solid #dfe4ec}.secondary-button:hover{color:var(--text);border-color:#cbd3df}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-height:140px;padding:18px}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-label{color:#687386;font-size:12px;font-weight:600}.stat-icon{width:34px;height:34px;color:var(--primary);background:#f0f4fd;border-radius:8px;place-items:center;display:grid}.stat-value{color:var(--text);letter-spacing:-.5px;margin-top:14px;font-size:27px;font-weight:700}.stat-description{color:#8b95a6;margin-top:4px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:67px;padding:14px 18px;display:flex}.panel-header h2{color:var(--text);margin:0;font-size:13px;font-weight:700}.panel-header p{color:#8a94a6;margin:4px 0 0;font-size:10px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:35px 25px;display:flex}.empty-icon{color:#718097;background:#f1f4f9;border-radius:12px;place-items:center;width:50px;height:50px;margin-bottom:14px;display:grid}.empty-state h3{color:var(--text);margin:0;font-size:14px}.empty-state p{color:#8a94a6;max-width:370px;margin:7px 0 17px;font-size:11px;line-height:1.6}.security-list{padding:7px 18px}.security-row{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;min-height:53px;display:flex}.security-row:last-child{border-bottom:0}.security-row-label{color:#5e697b;align-items:center;gap:9px;font-size:11px;display:flex}.security-row strong{color:var(--text);font-size:12px}.status-indicator{background:#b8c1ce;border-radius:50%;width:7px;height:7px}.activity-panel{margin-top:16px}.activity-empty{color:#9099a8;justify-content:center;align-items:center;gap:9px;min-height:100px;font-size:11px;display:flex}.source-strip{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.source-chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.source-chip small{color:var(--muted);font-size:10px;font-weight:500}.source-chip-ok .status-indicator{background:#1f9d55}.source-chip-error .status-indicator{background:#d64545}.source-chip-not_configured .status-indicator{background:#b8c1ce}.source-strip-meta{color:#8a94a6;align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.source-strip-stale{color:#a13b3b}.status-indicator-clear{background:#1f9d55}.status-indicator-medium{background:#e0a526}.status-indicator-high{background:#e3702a}.status-indicator-critical{background:#d64545}.security-row-unavailable{color:#8a94a6;font-size:11px}.platform-list{padding:14px 18px}.platform-row{grid-template-columns:110px minmax(0,1fr) 48px;align-items:center;gap:12px;min-height:34px;font-size:11px;display:grid}.platform-name{color:#5e697b}.platform-bar{background:#f0f3f8;border-radius:999px;height:8px;overflow:hidden}.platform-bar-fill{background:var(--primary);border-radius:999px;height:100%}.platform-row strong{color:var(--text);text-align:right;font-size:12px}.platform-footnote{color:#8a94a6;margin-top:10px;font-size:10px}.activity-list{margin:0;padding:4px 18px;list-style:none}.activity-row{border-bottom:1px solid #eef1f5;grid-template-columns:56px minmax(0,1fr) minmax(0,160px) 70px;align-items:center;gap:12px;min-height:44px;font-size:11px;display:grid}.activity-row:last-child{border-bottom:0}.activity-source{border-radius:999px;justify-self:start;padding:2px 7px;font-size:10px;font-weight:600}.activity-source-portal{color:var(--primary);background:#f0f4fd}.activity-source-fleet{color:#5e697b;background:#f1f4f9}.activity-action{color:var(--text)}.activity-actor{color:#5e697b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-time{color:#8a94a6;text-align:right}@media (width<=600px){.source-strip-meta{margin-left:0}.activity-row{grid-template-columns:56px minmax(0,1fr) 60px}.activity-actor{display:none}}.enrollment-header-actions{align-items:center;gap:10px;display:flex}.enrollment-state-active{color:#1f7a45;background:#e8f7ee}.enrollment-state-expired,.enrollment-state-exhausted{color:#9a6510;background:#fdf4e3}.enrollment-state-revoked{color:#6e7889;background:#f1f4f9}.enrollment-actions-cell{text-align:right}.enrollment-alert{color:#8f3030;background:#fdf2f2;border:1px solid #f1c7c7;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.enrollment-alert>svg{flex:none;margin-top:1px}.enrollment-alert>span{flex:1}.enrollment-alert>button{color:inherit;background:0 0;border:0}.enrollment-alert-warning{color:#855a0c;background:#fdf8ec;border-color:#f0dcae}.enrollment-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rbac-form-group select{box-sizing:border-box;width:100%;color:var(--text);background:#fff;border:1px solid #dce1e9;border-radius:7px;outline:none;padding:9px 10px;font-family:inherit;font-size:12px}.enrollment-created-modal{width:min(640px,100%)}.copy-block{border:1px solid var(--border);border-radius:8px;margin-bottom:14px;overflow:hidden}.copy-block-header{border-bottom:1px solid var(--border);color:#4f5a6d;background:#f7f9fc;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;font-weight:650;display:flex}.copy-block-header .text-button{align-items:center;gap:5px;font-size:11px;display:inline-flex}.copy-block pre{max-height:180px;color:var(--text);white-space:pre-wrap;word-break:break-all;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.55;overflow:auto}@media (width<=600px){.enrollment-form-row{grid-template-columns:1fr}.enrollment-header-actions{flex-wrap:wrap}}.group-device-search{margin-bottom:10px}.group-device-picker{border:1px solid var(--border);border-radius:8px;max-height:320px;margin-bottom:14px;overflow-y:auto}.group-device-picker .devices-state{min-height:140px}.group-device-option{cursor:pointer;border-bottom:1px solid #eef1f5;align-items:center;gap:10px;padding:9px 12px;font-size:12px;display:flex}.group-device-option:last-child{border-bottom:0}.group-device-option:hover{background:#f7f9fc}.group-device-option span{flex-direction:column;gap:2px;min-width:0;display:flex}.group-device-option strong{color:var(--text)}.group-device-option small{color:#8a94a6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.users-self{color:var(--primary);vertical-align:middle;background:#f0f4fd;border-radius:999px;margin-left:7px;padding:1px 6px;font-size:10px;font-weight:600}.users-roles{flex-wrap:wrap;gap:4px;display:flex}.users-status-active{color:#1f7a45;background:#e8f7ee}.users-status-suspended,.users-status-pending{color:#9a6510;background:#fdf4e3}.users-status-disabled{color:#6e7889;background:#f1f4f9}.users-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;display:flex}.users-actions .text-button{white-space:nowrap}.users-danger{color:#b23b3b}.users-notice{color:#1f6b3d;background:#eef9f2;border-color:#bfe3cc}.users-password-row{gap:8px;display:flex}.users-password-row input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.users-role-picker{max-height:220px}.rbac-details .devices-table{min-width:560px}.rbac-details .devices-table th,.rbac-details .devices-table td{padding-left:14px;padding-right:14px}.rbac-form-group .group-device-option{color:inherit;margin-bottom:0;font-size:12px;font-weight:400;display:flex}.rbac-form-group .group-device-option input{width:auto;padding:0}.users-credentials dl{grid-template-columns:90px minmax(0,1fr);gap:6px 10px;margin:0 0 14px;font-size:12px;display:grid}.users-credentials dt{color:#8a94a6}.users-credentials dd{color:var(--text);overflow-wrap:anywhere;margin:0}.audit-row{cursor:pointer}.audit-time{white-space:nowrap;font-variant-numeric:tabular-nums}.audit-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.audit-action{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.audit-action-positive{color:#1f7a45;background:#e8f7ee}.audit-action-warning{color:#9a6510;background:#fdf4e3}.audit-action-critical{color:#b23b3b;background:#fdecec}.audit-action-neutral{color:var(--primary);background:#f0f4fd}.audit-toggle svg{transition:transform .12s}.audit-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.audit-details-row td{background:#fafbfc;height:auto}.audit-details{grid-template-columns:110px minmax(0,1fr);gap:6px 14px;margin:4px 0;font-size:12px;display:grid}.audit-details dt{color:#8a94a6}.audit-details dd{color:var(--text);overflow-wrap:anywhere;margin:0}.audit-details pre{white-space:pre-wrap;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.placeholder-panel{min-height:450px}.mobile-menu-button,.mobile-close,.mobile-overlay{display:none}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-box{width:180px}.profile-info{display:none}}@media (width<=800px){.sidebar{width:252px;transition:transform .18s;transform:translate(-100%)}.sidebar-mobile-open{transform:translate(0)}.main-area,.main-area-expanded{margin-left:0}.mobile-overlay{z-index:40;background:#0f172a66;border:0;padding:0;display:block;position:fixed;inset:0}.mobile-close{color:#8995aa;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.mobile-menu-button{color:#5f6b7d;background:#fff;border:1px solid #e4e8ef;border-radius:8px;place-items:center;width:36px;height:36px;margin-right:10px;display:grid}.topbar{padding:0 17px}.content-area{padding:22px 17px}.dashboard-grid{grid-template-columns:1fr}.search-box{display:none}}@media (width<=550px){.stat-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}.page-heading .secondary-button{display:none}.breadcrumb{font-size:12px}.topbar-actions{gap:7px}}.login-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:430px;padding:40px;box-shadow:0 12px 40px #0f172a14}.login-brand{text-align:center;margin-bottom:32px}.login-logo{color:#fff;background:#111827;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.login-brand h1{color:#111827;margin:0;font-size:28px;font-weight:700}.login-brand p{color:#6b7280;margin:8px 0 0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:46px;padding:0 14px;font-size:14px}.form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.password-input{position:relative}.password-input svg{color:#6b7280;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.password-input input{padding-left:42px}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 14px;font-size:13px}.login-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;width:100%;height:46px;font-size:14px;font-weight:600}.login-button:hover{background:#1f2937}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;color:#9ca3af;border-top:1px solid #e5e7eb;flex-direction:column;gap:5px;margin-top:28px;padding-top:20px;font-size:11px;display:flex}.rbac-page{flex-direction:column;gap:16px;display:flex}.rbac-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.rbac-toolbar h2{color:var(--text);margin:0;font-size:15px}.rbac-toolbar p{color:#8a94a6;margin:4px 0 0;font-size:11px}.rbac-layout{grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.rbac-role-list{min-height:500px}.rbac-list-header{border-bottom:1px solid var(--border);color:#596579;justify-content:space-between;align-items:center;min-height:55px;padding:0 16px;font-size:11px;font-weight:650;display:flex}.rbac-list-header strong{color:#667287;background:#f0f3f8;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 7px;font-size:10px;display:inline-flex}.rbac-role-items{padding:8px}.rbac-role-item{width:100%;min-height:62px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px;display:flex}.rbac-role-item:hover{background:#f6f8fb}.rbac-role-item-active{box-shadow:inset 3px 0 0 var(--primary);background:#eef3ff}.rbac-role-icon{width:34px;height:34px;color:var(--primary);background:#f0f4fd;border-radius:8px;flex:0 0 34px;place-items:center;display:grid}.rbac-role-copy{flex-direction:column;flex:1;min-width:0;display:flex}.rbac-role-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.rbac-role-copy span{color:#8a94a6;margin-top:3px;font-size:10px}.rbac-role-item>svg{color:#a4adbb;flex:none}.rbac-details{min-height:500px}.rbac-details-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:90px;padding:17px 19px;display:flex}.rbac-details-title{align-items:center;gap:12px;min-width:0;display:flex}.rbac-title-icon{width:42px;height:42px;color:var(--primary);background:#eef3ff;border-radius:10px;flex:0 0 42px;place-items:center;display:grid}.rbac-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rbac-title-row h2{color:var(--text);margin:0;font-size:16px}.rbac-details-title p{color:#8a94a6;margin:4px 0 0;font-size:10px}.rbac-badge{border-radius:5px;align-items:center;min-height:21px;padding:0 7px;font-size:9px;font-weight:650;display:inline-flex}.rbac-badge-system{color:#697386;background:#f0f2f5}.rbac-badge-custom{color:#397653;background:#edf7f1}.rbac-actions{align-items:center;gap:7px;display:flex}.danger-button{color:#b44955;background:#fff;border:1px solid #f0d5d8;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.danger-button:hover{background:#fff5f5}.danger-button:disabled{opacity:.55;cursor:not-allowed}.rbac-permission-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;min-height:66px;padding:13px 19px;display:flex}.rbac-permission-header h3{color:var(--text);margin:0;font-size:13px}.rbac-permission-header p{color:#8a94a6;margin:4px 0 0;font-size:10px}.rbac-readonly{color:#7b8493;background:#f5f6f8;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:600}.rbac-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:15px;display:grid}.rbac-permission{text-align:left;background:#fff;border:1px solid #e8ebf0;border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.rbac-permission:not(:disabled):hover{background:#fafbfe;border-color:#cbd5e8}.rbac-permission-assigned{background:#f8faff;border-color:#d9e2fa}.rbac-permission:disabled{cursor:default}.rbac-checkbox{color:#fff;border:1px solid #cbd2dd;border-radius:5px;flex:0 0 19px;place-items:center;width:19px;height:19px;display:grid}.rbac-checkbox-checked{border-color:var(--primary);background:var(--primary)}.rbac-permission-copy{flex-direction:column;min-width:0;display:flex}.rbac-permission-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:11px;font-weight:650;overflow:hidden}.rbac-permission-copy span{text-overflow:ellipsis;white-space:nowrap;color:#8a94a6;margin-top:3px;font-size:9px;overflow:hidden}.rbac-loading{color:#7d8798;justify-content:center;align-items:center;gap:9px;min-height:180px;font-size:11px;display:flex}.rbac-spinner{animation:.9s linear infinite rbac-spin}@keyframes rbac-spin{to{transform:rotate(360deg)}}.rbac-permissions-loading{min-height:280px}.rbac-empty{color:#8b95a6;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;font-size:11px;display:flex}.rbac-empty h3{color:var(--text);margin:3px 0 0;font-size:13px}.rbac-empty p{color:#8b95a6;margin:0;font-size:10px}.rbac-details-empty{min-height:500px}.rbac-message{border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:8px 12px;font-size:11px;display:flex}.rbac-message-error{color:#a8424e;background:#fff7f7;border:1px solid #f0d6da}.rbac-message-success{color:#397653;background:#f6fbf7;border:1px solid #d6e9dc}.rbac-message button{color:inherit;background:0 0;border:0;place-items:center;padding:3px;display:grid}.rbac-modal-backdrop{z-index:200;background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rbac-modal{border:1px solid var(--border);background:#fff;border-radius:12px;width:min(460px,100%);padding:20px;box-shadow:0 24px 60px #141f322e}.rbac-modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.rbac-modal-header h2{color:var(--text);margin:0;font-size:16px}.rbac-modal-header p{color:#8a94a6;margin:4px 0 0;font-size:10px}.rbac-modal-header>button{color:#6e7889;background:#fff;border:1px solid #e3e7ed;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.rbac-form-group{margin-bottom:15px}.rbac-form-group label{color:#4f5a6d;margin-bottom:6px;font-size:11px;font-weight:650;display:block}.rbac-form-group input,.rbac-form-group textarea{box-sizing:border-box;width:100%;color:var(--text);background:#fff;border:1px solid #dce1e9;border-radius:7px;outline:none;padding:10px 11px;font-family:inherit;font-size:12px}.rbac-form-group textarea{resize:vertical}.rbac-form-group input:focus,.rbac-form-group textarea:focus{border-color:#9db4ed;box-shadow:0 0 0 3px #2457d614}.rbac-modal-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;display:flex}@media (width<=900px){.rbac-layout{grid-template-columns:1fr}.rbac-role-list{min-height:auto}.rbac-permission-grid{grid-template-columns:1fr}}@media (width<=600px){.rbac-toolbar,.rbac-details-header,.rbac-permission-header{flex-direction:column;align-items:flex-start}.rbac-actions{width:100%}}