html{background:#f2f5fa}body{margin:0}button,input,textarea,select{font-family:inherit}:root{color:#152033;font-synthesis:none;text-rendering:optimizelegibility;background:#f2f5fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:radial-gradient(circle at 0 0,#244d91 0,#0000 35%),linear-gradient(#101d36 0%,#0a1428 100%);flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{letter-spacing:1px;background:linear-gradient(135deg,#2f80ed,#56ccf2);border-radius:13px;place-items:center;width:45px;height:45px;font-weight:800;display:grid;box-shadow:0 10px 30px #2f80ed59}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{color:#9cafcc;margin-top:3px;font-size:12px}.sidebar-nav{gap:7px;display:grid}.nav-item{color:#b7c5dc;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .16s;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2f80ed57,#2f80ed1f);box-shadow:inset 3px 0 #56ccf2}.nav-item span{text-align:center;width:24px}.sidebar-footer{background:#ffffff0a;border:1px solid #ffffff17;border-radius:13px;margin-top:auto;padding:16px}.sidebar-footer span,.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer span,.sidebar-footer small{color:#91a4c3;font-size:11px}.sidebar-footer strong{margin:5px 0;font-size:14px}.main-content{min-width:0;padding:30px 36px 50px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.eyebrow{color:#70809b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:700}.topbar h1,.section-heading h2{margin:0}.topbar h1{font-size:clamp(25px,3vw,34px)}.topbar-actions{align-items:center;gap:13px;display:flex}.status-badge{border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.status-loading{color:#875c00;background:#fff3cd}.status-healthy{color:#12663d;background:#dff7e9}.status-error{color:#9b2530;background:#fde4e7}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-loading .status-dot{animation:1.2s infinite pulse}.user-button{cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:13px;align-items:center;gap:10px;padding:7px 11px 7px 8px;display:flex}.avatar{color:#fff;background:#1d5eb5;border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.user-button strong,.user-button small{text-align:left;display:block}.user-button strong{font-size:12px}.user-button small{color:#78879c;margin-top:2px;font-size:10px}.hero{color:#fff;background:radial-gradient(circle at 80% 20%,#4bb3ff47,#0000 30%),linear-gradient(120deg,#11376e,#1764bb 60%,#1586c9);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;min-height:235px;padding:38px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 50px #194c9133}.hero:after{content:"";border:45px solid #ffffff14;border-radius:50%;width:330px;height:330px;position:absolute;inset:auto -80px -130px auto}.hero>div{z-index:1;position:relative}.hero-tag{background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.hero h2{max-width:650px;margin:18px 0 12px;font-size:clamp(28px,4vw,43px);line-height:1.08}.hero p{color:#d7e9ff;max-width:650px;margin:0;line-height:1.65}.hero-graphic{flex:none;place-items:center;width:180px;height:150px;display:grid}.server-icon{z-index:2;filter:drop-shadow(0 12px 18px #00000040);font-size:64px;position:relative}.signal{border:1px solid #ffffff38;border-radius:50%;position:absolute}.signal-one{width:100px;height:100px}.signal-two{width:150px;height:150px}.signal-three{width:205px;height:205px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:24px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f1;border-radius:17px;gap:13px;min-width:0;padding:19px;display:flex;box-shadow:0 8px 30px #243e630d}.stat-icon{background:#edf5ff;border-radius:13px;flex:none;place-items:center;width:45px;height:45px;font-size:21px;display:grid}.stat-card p,.stat-card strong,.stat-card span{display:block}.stat-card p{color:#74839a;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.stat-card strong{margin:4px 0 2px;font-size:24px}.stat-card span{color:#8b98aa;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin:36px 0 17px;display:flex}.section-heading h2{font-size:24px}.secondary-button{color:#28588f;cursor:pointer;background:#fff;border:1px solid #ced8e6;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:700}.modules-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.module-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e7f0;border-radius:18px;align-items:flex-start;gap:13px;min-width:0;min-height:165px;padding:20px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.module-card:hover{border-color:#b8d5f5;transform:translateY(-4px);box-shadow:0 18px 40px #1f52911f}.module-icon{background:linear-gradient(135deg,#eaf3ff,#f3f8ff);border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.module-content{min-width:0}.module-content span{color:#3472bb;letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.module-content h3{margin:0 0 7px;font-size:16px}.module-content p{color:#7b899d;margin:0;font-size:12px;line-height:1.55}.module-arrow{color:#5795d5;font-size:20px;position:absolute;bottom:14px;right:17px}@keyframes pulse{50%{opacity:.35}}@media (width<=1150px){.stats-grid,.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:17px;position:static}.brand{padding-bottom:15px}.sidebar-nav{padding-bottom:4px;display:flex;overflow-x:auto}.nav-item{white-space:nowrap;flex:none;width:auto}.sidebar-footer{display:none}.main-content{padding:22px 17px 40px}.topbar{align-items:flex-start}.status-badge{display:none}.hero{padding:30px 25px}.hero-graphic{display:none}}@media (width<=560px){.topbar{display:block}.topbar-actions{margin-top:15px}.user-button{width:100%}.stats-grid,.modules-grid{grid-template-columns:1fr}.section-heading{align-items:center}}.login-page{background:#f4f7fb;grid-template-columns:minmax(430px,1.1fr) minmax(420px,.9fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 80% 20%,#3ba6ff59,#0000 28%),radial-gradient(circle at 15% 85%,#1365c473,#0000 35%),linear-gradient(145deg,#08162c,#123d79 58%,#087cb6);flex-direction:column;min-height:100vh;padding:46px 58px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute}.login-brand-panel:before{width:430px;height:430px;top:-130px;right:-180px}.login-brand-panel:after{width:550px;height:550px;bottom:-330px;left:-300px}.login-brand,.login-presentation,.login-brand-footer{z-index:1;position:relative}.login-brand{align-items:center;gap:13px;display:flex}.login-brand-mark,.login-mobile-logo{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#2f80ed,#57d0f3);place-items:center;font-weight:850;display:grid;box-shadow:0 14px 35px #0054b859}.login-brand-mark{border-radius:15px;width:51px;height:51px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:17px}.login-brand span{color:#b8d4f2;margin-top:4px;font-size:12px}.login-presentation{max-width:650px;margin:auto 0}.login-tag{color:#d9edff;text-transform:uppercase;letter-spacing:.08em;background:#ffffff14;border:1px solid #ffffff3d;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:750;display:inline-flex}.login-presentation h1{letter-spacing:-.04em;margin:22px 0 17px;font-size:clamp(37px,5vw,61px);line-height:1.04}.login-presentation p{color:#c6ddf6;max-width:590px;margin:0;font-size:16px;line-height:1.75}.login-features{color:#d9edff;flex-wrap:wrap;gap:11px 20px;margin-top:28px;font-size:12px;font-weight:650;display:flex}.login-brand-footer{color:#86acd3;font-size:11px}.login-form-panel{place-items:center;min-height:100vh;padding:35px;display:grid}.login-card{background:#fff;border:1px solid #e0e7f0;border-radius:25px;width:min(100%,435px);padding:38px;box-shadow:0 26px 70px #1c386021}.login-card-header{margin-bottom:28px}.login-mobile-logo{border-radius:14px;width:48px;height:48px;margin-bottom:22px;display:none}.login-card-header p{color:#3472bb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.login-card-header h2{color:#142239;margin:0;font-size:31px}.login-card-header>span{color:#7a899d;margin-top:9px;font-size:13px;display:block}.login-field{margin-top:19px;display:block}.login-field>span{color:#34445b;margin-bottom:7px;font-size:12px;font-weight:720;display:block}.login-field input{color:#17243a;background:#fbfcfe;border:1px solid #ccd7e5;border-radius:12px;outline:none;width:100%;height:49px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:#2f80ed;box-shadow:0 0 0 4px #2f80ed1f}.login-field input:disabled{opacity:.7;cursor:wait}.password-input{position:relative}.password-input input{padding-right:68px}.password-input button{color:#3472bb;cursor:pointer;background:0 0;border:0;padding:7px 8px;font-size:11px;font-weight:750;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.login-error{color:#972834;background:#fff0f1;border:1px solid #f1b6bc;border-radius:11px;margin-top:18px;padding:12px 14px;font-size:12px;line-height:1.45}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b61b4,#2388d1);border:0;border-radius:12px;width:100%;height:50px;margin-top:23px;font-weight:780;transition:transform .15s,box-shadow .15s;box-shadow:0 14px 30px #1f69bc40}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 36px #1f69bc52}.login-submit:disabled{opacity:.7;cursor:wait}.login-security-note{color:#8290a3;justify-content:center;gap:7px;margin-top:20px;font-size:11px;display:flex}.authenticated-user{background:#fff;border:1px solid #dce3ed;border-radius:13px;align-items:center;gap:10px;padding:7px 8px;display:flex}.authenticated-user-data strong,.authenticated-user-data small{display:block}.authenticated-user-data strong{font-size:12px}.authenticated-user-data small{color:#78879c;margin-top:2px;font-size:10px}.logout-button{color:#b0323f;cursor:pointer;background:0 0;border:0;border-left:1px solid #e2e7ee;padding:7px 8px 7px 12px;font-size:11px;font-weight:750}.session-loading{color:#37506e;background:#f2f5fa;place-content:center;justify-items:center;gap:14px;min-height:100vh;display:grid}.session-loader{border:4px solid #dce7f4;border-top-color:#2774c5;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite session-spin}@keyframes session-spin{to{transform:rotate(360deg)}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{background:radial-gradient(circle at 100% 0,#2f80ed21,#0000 35%),#f4f7fb;padding:22px}.login-mobile-logo{display:grid}}@media (width<=560px){.login-card{border-radius:19px;padding:27px 21px}.authenticated-user-data{display:none}}.create-user-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071428ad;place-items:center;padding:25px;display:grid;position:fixed;inset:0;overflow-y:auto}.create-user-modal{background:#fff;border:1px solid #dbe3ed;border-radius:22px;width:min(100%,720px);max-height:calc(100vh - 50px);overflow-y:auto;box-shadow:0 30px 90px #04142b52}.create-user-header{border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 27px 21px;display:flex}.create-user-header p{color:#3474bd;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:800}.create-user-header h3{color:#18283f;margin:0;font-size:24px}.create-user-header span{color:#79879a;margin-top:6px;font-size:12px;display:block}.create-user-header>button{color:#66758a;cursor:pointer;background:#fff;border:1px solid #d6dee9;border-radius:10px;flex-shrink:0;width:35px;height:35px;font-size:22px;line-height:1}.create-user-form{gap:18px;padding:24px 27px 27px;display:grid}.create-user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.create-user-form label>span{color:#34445b;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.create-user-form input[type=text],.create-user-form input[type=email],.create-user-form input[type=password]{color:#213149;background:#fbfcfe;border:1px solid #ccd7e4;border-radius:10px;outline:none;width:100%;min-height:45px;padding:0 12px}.create-user-form input:focus{border-color:#347dcc;box-shadow:0 0 0 3px #347dcc1c}.create-user-password{position:relative}.create-user-password input{padding-right:67px}.create-user-password button{color:#2872bf;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:10px;font-weight:750;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.create-user-password-note{color:#8290a2;margin-top:-8px;font-size:10px}.create-user-roles{border:1px solid #dce4ee;border-radius:13px;margin:0;padding:15px}.create-user-roles legend{color:#34445b;padding:0 7px;font-size:11px;font-weight:750}.create-user-role-list{gap:8px;display:grid}.create-user-role-list label{cursor:pointer;background:#fafbfd;border:1px solid #e3e8ef;border-radius:10px;align-items:flex-start;gap:10px;padding:11px;display:flex}.create-user-role-list input{margin-top:3px}.create-user-role-list strong,.create-user-role-list small{display:block}.create-user-role-list strong{color:#283950;font-size:11px}.create-user-role-list small{color:#8491a2;margin-top:3px;font-size:10px}.create-user-role-warning{color:#8a6b2b;margin-top:11px;font-size:10px;display:block}.create-user-active{align-items:center;gap:9px;display:flex}.create-user-active span{margin:0!important}.create-user-error{color:#992e39;background:#fff0f1;border:1px solid #efb7bd;border-radius:10px;padding:12px 14px;font-size:11px}.create-user-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.create-user-actions button{cursor:pointer;border-radius:10px;min-height:42px;padding:0 18px;font-weight:750}.create-user-cancel{color:#4b5d74;background:#fff;border:1px solid #ccd7e4}.create-user-submit{color:#fff;background:linear-gradient(135deg,#1e62b4,#278bd2);border:0}.create-user-actions button:disabled{opacity:.65;cursor:wait}@media (width<=650px){.create-user-overlay{align-items:start;padding:12px}.create-user-modal{border-radius:16px;max-height:none}.create-user-grid{grid-template-columns:1fr}.create-user-header,.create-user-form{padding-left:19px;padding-right:19px}.create-user-actions{grid-template-columns:1fr 1fr;display:grid}}.manage-user-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061225b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.manage-user-modal{background:#fff;border:1px solid #dbe3ed;border-radius:22px;width:min(100%,760px);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 32px 95px #04142b59}.manage-user-header{z-index:2;background:#fff;border-bottom:1px solid #e4eaf1;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 27px 20px;display:flex;position:sticky;top:0}.manage-user-header p{color:#3474bd;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:800}.manage-user-header h3{color:#18283f;margin:0;font-size:24px}.manage-user-header span{color:#79879a;margin-top:6px;font-size:12px;display:block}.manage-user-header>button{color:#66758a;cursor:pointer;background:#fff;border:1px solid #d6dee9;border-radius:10px;width:35px;height:35px;font-size:22px}.manage-user-content{gap:15px;padding:20px 25px;display:grid}.manage-user-section{background:#fff;border:1px solid #dfe6ef;border-radius:14px;gap:15px;padding:17px;display:grid}.manage-user-section>header h4{color:#283950;margin:0;font-size:14px}.manage-user-section>header span{color:#8491a2;margin-top:4px;font-size:10px;display:block}.manage-user-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.manage-user-section label>span{color:#34445b;margin-bottom:6px;font-size:10px;font-weight:750;display:block}.manage-user-section input[type=text],.manage-user-section input[type=email]{color:#213149;background:#fbfcfe;border:1px solid #ccd7e4;border-radius:9px;outline:none;width:100%;min-height:43px;padding:0 11px}.manage-user-section input:focus{border-color:#347dcc;box-shadow:0 0 0 3px #347dcc1c}.manage-user-role-list{gap:8px;display:grid}.manage-user-role-list label{cursor:pointer;background:#fafbfd;border:1px solid #e3e8ef;border-radius:10px;align-items:flex-start;gap:10px;padding:11px;display:flex}.manage-user-role-list input{margin-top:3px}.manage-user-role-list strong,.manage-user-role-list small{display:block}.manage-user-role-list strong{color:#283950;font-size:11px}.manage-user-role-list small{color:#8491a2;margin-top:3px;font-size:9px}.manage-user-section-actions{justify-content:flex-end;display:flex}.manage-user-section-actions button{color:#fff;cursor:pointer;background:#2875c3;border:0;border-radius:9px;min-height:39px;padding:0 15px;font-weight:750}.manage-user-section.danger{background:#fffafb;border-color:#efc7cb}.manage-user-status-row{justify-content:space-between;align-items:center;gap:17px;display:flex}.manage-user-status-row strong,.manage-user-status-row span{display:block}.manage-user-status-row strong{color:#343f50;font-size:12px}.manage-user-status-row span{color:#7d8999;margin-top:4px;font-size:10px}.manage-user-status-row button{cursor:pointer;border-radius:9px;min-height:39px;padding:0 14px;font-weight:750}.manage-user-status-row .deactivate{color:#a02e39;background:#fff0f1;border:1px solid #e3aeb4}.manage-user-status-row .activate{color:#216d43;background:#eaf8f0;border:1px solid #a9dbbd}.manage-user-error,.manage-user-success{text-align:center;border-radius:10px;padding:12px 14px;font-size:11px}.manage-user-error{color:#992e39;background:#fff0f1;border:1px solid #efb7bd}.manage-user-success{color:#226943;background:#eaf8f0;border:1px solid #a9dfbf}.manage-user-footer{background:#fff;border-top:1px solid #e4eaf1;justify-content:flex-end;padding:15px 25px;display:flex;position:sticky;bottom:0}.manage-user-footer button{color:#4b5d74;cursor:pointer;background:#fff;border:1px solid #ccd7e4;border-radius:9px;min-height:40px;padding:0 17px;font-weight:750}.manage-user-modal button:disabled{opacity:.65;cursor:wait}@media (width<=650px){.manage-user-overlay{align-items:start;padding:12px}.manage-user-modal{border-radius:16px;max-height:none}.manage-user-grid{grid-template-columns:1fr}.manage-user-status-row{flex-direction:column;align-items:stretch}}.manage-user-section input[type=password]{color:#213149;background:#fbfcfe;border:1px solid #ccd7e4;border-radius:9px;outline:none;width:100%;min-height:43px;padding:0 11px}.manage-user-password{position:relative}.manage-user-password input{padding-right:68px!important}.manage-user-password button{color:#2872bf;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:9px;font-weight:750;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.manage-user-password-note{color:#8290a2;margin-top:-7px;font-size:9px}.users-page{gap:22px;display:grid}.users-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.users-eyebrow{color:#3472bb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}.users-header h2{color:#16253c;margin:0;font-size:29px}.users-header div>span{color:#748398;margin-top:8px;font-size:13px;display:block}.users-primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d61b1,#278bd2);border:0;border-radius:11px;min-height:43px;padding:0 18px;font-weight:750;box-shadow:0 12px 24px #1e69bc38}.users-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.users-summary article{background:#fff;border:1px solid #e0e6ef;border-radius:16px;padding:20px;box-shadow:0 9px 25px #2a41600f}.users-summary span,.users-summary strong{display:block}.users-summary span{color:#748398;font-size:12px}.users-summary strong{color:#17263d;margin-top:7px;font-size:27px}.users-panel{background:#fff;border:1px solid #dfe6ef;border-radius:17px;overflow:hidden;box-shadow:0 12px 32px #243d5c12}.users-filters{border-bottom:1px solid #e5eaf1;grid-template-columns:minmax(220px,1fr) 190px auto auto;gap:10px;padding:17px;display:grid}.users-filters input,.users-filters select{color:#25354c;background:#fbfcfe;border:1px solid #ccd7e4;border-radius:10px;outline:none;min-height:42px;padding:0 12px}.users-filters input:focus,.users-filters select:focus{border-color:#347dcc;box-shadow:0 0 0 3px #347dcc1a}.users-filters button{color:#fff;cursor:pointer;background:#276fbf;border:0;border-radius:10px;padding:0 17px;font-weight:700}.users-filters .users-refresh-button{color:#40536c;background:#fff;border:1px solid #ccd7e4}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:900px}.users-table th{color:#738196;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;padding:13px 16px;font-size:10px;font-weight:800}.users-table td{color:#47566b;border-top:1px solid #edf0f4;padding:15px 16px;font-size:12px}.users-person{align-items:center;gap:11px;display:flex}.users-avatar{color:#fff;background:linear-gradient(135deg,#2869ba,#36a4dc);border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.users-person strong,.users-person span{display:block}.users-person strong{color:#23334a;font-size:12px}.users-person span{color:#8a97a8;margin-top:3px;font-size:10px}.users-email{color:#52647a}.users-role-list{flex-wrap:wrap;gap:5px;display:flex}.users-role-list span{color:#275f9e;background:#eaf3fd;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:700}.users-role-list small{color:#98a3b1}.users-status{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-flex}.users-status.active{color:#207044;background:#e5f7ed}.users-status.inactive{color:#9c3740;background:#fbe8ea}.users-action-button{color:#276bb5;cursor:pointer;background:#fff;border:1px solid #cbd8e8;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:750}.users-loading,.users-empty,.users-error{text-align:center;border-radius:11px;margin:18px;padding:18px;font-size:12px}.users-loading,.users-empty{color:#758397;background:#f6f8fb}.users-error{color:#982d38;background:#fff0f1;border:1px solid #efbbc0}@media (width<=900px){.users-header{flex-direction:column;align-items:stretch}.users-summary,.users-filters{grid-template-columns:1fr}.users-filters button{min-height:42px}}.users-success{color:#226943;text-align:center;background:#eaf8f0;border:1px solid #a9dfbf;border-radius:11px;margin:18px;padding:14px;font-size:12px}.create-role-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061225b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.create-role-modal{background:#fff;border:1px solid #dbe3ed;border-radius:22px;width:min(100%,920px);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 32px 95px #04142b59}.create-role-header{z-index:2;background:#fff;border-bottom:1px solid #e4eaf1;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 27px 20px;display:flex;position:sticky;top:0}.create-role-header p{color:#3474bd;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:800}.create-role-header h3{color:#18283f;margin:0;font-size:24px}.create-role-header span{color:#79879a;margin-top:6px;font-size:12px;display:block}.create-role-header>button{color:#66758a;cursor:pointer;background:#fff;border:1px solid #d6dee9;border-radius:10px;flex-shrink:0;width:35px;height:35px;font-size:22px}.create-role-form{gap:20px;padding:24px 27px 27px;display:grid}.create-role-fields{grid-template-columns:.7fr 1.3fr;gap:16px;display:grid}.create-role-fields label>span{color:#34445b;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.create-role-fields input,.create-role-fields textarea{color:#213149;resize:vertical;background:#fbfcfe;border:1px solid #ccd7e4;border-radius:10px;outline:none;width:100%;padding:11px 12px}.create-role-fields input{min-height:45px}.create-role-fields input:focus,.create-role-fields textarea:focus{border-color:#347dcc;box-shadow:0 0 0 3px #347dcc1c}.create-role-permissions{border:1px solid #dce4ed;border-radius:14px;overflow:hidden}.create-role-permissions>header{background:#f8fafc;border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;display:flex}.create-role-permissions h4{color:#2d3e55;margin:0;font-size:13px}.create-role-permissions header span{color:#8491a2;margin-top:3px;font-size:9px;display:block}.create-role-permissions>header button{color:#286db7;cursor:pointer;background:#fff;border:1px solid #cbd8e8;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:750}.create-role-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.create-role-module{border:1px solid #e1e7ef;border-radius:11px;overflow:hidden}.create-role-module>header{background:#f7f9fc;border-bottom:1px solid #e8edf2;padding:10px 12px}.create-role-module>header label,.create-role-permission{cursor:pointer;align-items:flex-start;gap:9px;display:flex}.create-role-module input{margin-top:3px}.create-role-module strong,.create-role-module small{display:block}.create-role-module strong{color:#33455c;font-size:10px}.create-role-module small{color:#8995a5;margin-top:3px;font-size:8px}.create-role-permission{border-top:1px solid #f0f2f5;padding:9px 12px}.create-role-permission:first-child{border-top:0}.create-role-permission:hover{background:#f7fbff}.create-role-error{color:#992e39;background:#fff0f1;border:1px solid #efb7bd;border-radius:10px;padding:12px 14px;font-size:11px}.create-role-actions{justify-content:flex-end;gap:10px;display:flex}.create-role-actions button{cursor:pointer;border-radius:10px;min-height:42px;padding:0 18px;font-weight:750}.create-role-cancel{color:#4b5d74;background:#fff;border:1px solid #ccd7e4}.create-role-submit{color:#fff;background:linear-gradient(135deg,#1e62b4,#278bd2);border:0}.create-role-actions button:disabled{opacity:.65;cursor:wait}@media (width<=760px){.create-role-overlay{align-items:start;padding:12px}.create-role-modal{border-radius:16px;max-height:none}.create-role-fields,.create-role-modules{grid-template-columns:1fr}.create-role-header,.create-role-form{padding-left:18px;padding-right:18px}}.roles-page{gap:22px;display:grid}.roles-header{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.roles-eyebrow{color:#3472bb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}.roles-header h2{color:#16253c;margin:0;font-size:29px}.roles-header div>span{color:#748398;margin-top:8px;font-size:13px;display:block}.roles-refresh-button{color:#40536c;cursor:pointer;background:#fff;border:1px solid #ccd7e4;border-radius:10px;min-height:42px;padding:0 17px;font-weight:700}.roles-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.roles-summary article{background:#fff;border:1px solid #e0e6ef;border-radius:16px;padding:20px;box-shadow:0 9px 25px #2a41600f}.roles-summary span,.roles-summary strong{display:block}.roles-summary span{color:#748398;font-size:12px}.roles-summary strong{color:#17263d;margin-top:7px;font-size:27px}.roles-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:18px;display:grid}.roles-list-panel,.role-detail-panel{background:#fff;border:1px solid #dfe6ef;border-radius:17px;box-shadow:0 12px 32px #243d5c12}.roles-list-panel{overflow:hidden}.roles-panel-title{border-bottom:1px solid #e5eaf1;padding:17px}.roles-panel-title h3{color:#26374e;margin:0;font-size:15px}.roles-panel-title span{color:#8995a5;margin-top:4px;font-size:10px;display:block}.roles-list{gap:8px;padding:12px;display:grid}.role-item{text-align:left;cursor:pointer;background:#fafbfd;border:1px solid #e1e7ef;border-radius:12px;width:100%;padding:13px}.role-item.active{background:#edf5fe;border-color:#4082ca;box-shadow:0 0 0 3px #4082ca14}.role-item>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.role-item strong{color:#283950;font-size:12px}.role-system-badge{color:#28639f;background:#dfeeff;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:800}.role-item p{color:#7c8999;margin:7px 0 10px;font-size:10px;line-height:1.45}.role-item footer{color:#66778d;justify-content:space-between;font-size:9px;display:flex}.role-detail-panel{overflow:hidden}.role-detail-header{border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.role-detail-header p{color:#3472bb;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:800}.role-detail-header h3{color:#213149;margin:0;font-size:21px}.role-detail-header div>span{color:#7d8999;margin-top:5px;font-size:11px;display:block}.role-detail-count{text-align:right;min-width:120px}.role-detail-count strong,.role-detail-count span{display:block}.role-detail-count strong{color:#236fbd;font-size:25px}.role-detail-count span{color:#8491a1;font-size:9px}.permission-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:17px;display:grid}.permission-module{background:#fff;border:1px solid #e1e7ef;border-radius:13px;overflow:hidden}.permission-module>header{background:#f8fafc;border-bottom:1px solid #e9edf2;padding:12px 13px}.permission-module h4{color:#2c3d54;margin:0;font-size:12px}.permission-module header span{color:#8995a5;margin-top:3px;font-size:9px;display:block}.permission-list{display:grid}.permission-item{opacity:.52;border-top:1px solid #f0f2f5;align-items:flex-start;gap:9px;padding:10px 12px;display:flex}.permission-item:first-child{border-top:0}.permission-item.assigned{opacity:1;background:#f5fbf8}.permission-check{color:#7d8999;background:#edf1f5;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.permission-item.assigned .permission-check{color:#fff;background:#2f9a64}.permission-item strong,.permission-item small{display:block}.permission-item strong{color:#33455c;font-size:10px}.permission-item small{color:#8a96a6;margin-top:3px;font-size:8px}.roles-loading,.roles-empty,.roles-error{text-align:center;border-radius:13px;padding:22px;font-size:12px}.roles-loading,.roles-empty{color:#758397;background:#f6f8fb}.roles-error{color:#982d38;background:#fff0f1;border:1px solid #efbbc0}@media (width<=1050px){.roles-layout,.permission-modules{grid-template-columns:1fr}}@media (width<=700px){.roles-header{flex-direction:column;align-items:stretch}.roles-summary{grid-template-columns:1fr}.role-detail-header{flex-direction:column;align-items:flex-start}.role-detail-count{text-align:left}}.roles-header-actions{gap:10px;display:flex}.roles-create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e62b4,#278bd2);border:0;border-radius:10px;min-height:42px;padding:0 17px;font-weight:750;box-shadow:0 10px 22px #1e69bc33}.roles-success{color:#226943;text-align:center;background:#eaf8f0;border:1px solid #a9dfbf;border-radius:11px;padding:14px;font-size:12px}@media (width<=700px){.roles-header-actions{grid-template-columns:1fr 1fr;display:grid}}.audit-page{gap:22px;display:grid}.audit-header{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.audit-eyebrow{color:#3472bb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}.audit-header h2{color:#16253c;margin:0;font-size:29px}.audit-header div>span{color:#748398;margin-top:8px;font-size:13px;display:block}.audit-refresh-button{color:#40536c;cursor:pointer;background:#fff;border:1px solid #ccd7e4;border-radius:10px;min-height:42px;padding:0 17px;font-weight:700}.audit-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.audit-summary article{background:#fff;border:1px solid #e0e6ef;border-radius:16px;padding:20px;box-shadow:0 9px 25px #2a41600f}.audit-summary span,.audit-summary strong{display:block}.audit-summary span{color:#748398;font-size:12px}.audit-summary strong{color:#17263d;margin-top:7px;font-size:27px}.audit-panel{background:#fff;border:1px solid #dfe6ef;border-radius:17px;overflow:hidden;box-shadow:0 12px 32px #243d5c12}.audit-filters{border-bottom:1px solid #e5eaf1;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr) 150px 145px 145px auto;align-items:end;gap:10px;padding:17px;display:grid}.audit-filters label>span{color:#526177;margin-bottom:6px;font-size:10px;font-weight:750;display:block}.audit-filters input,.audit-filters select{color:#25354c;background:#fbfcfe;border:1px solid #ccd7e4;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 11px}.audit-filters input:focus,.audit-filters select:focus{border-color:#347dcc;box-shadow:0 0 0 3px #347dcc1a}.audit-filter-actions{gap:7px;display:flex}.audit-filter-actions button{cursor:pointer;border-radius:10px;min-height:42px;padding:0 14px;font-weight:700}.audit-search-button{color:#fff;background:#276fbf;border:0}.audit-clear-button{color:#40536c;background:#fff;border:1px solid #ccd7e4}.audit-table-container{overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;min-width:980px}.audit-table th{color:#738196;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;padding:13px 15px;font-size:9px;font-weight:800}.audit-table td{color:#47566b;vertical-align:middle;border-top:1px solid #edf0f4;padding:14px 15px;font-size:11px}.audit-date{white-space:nowrap}.audit-user strong,.audit-user span,.audit-action,.audit-code{display:block}.audit-user strong{color:#2c3c52;font-size:11px}.audit-user span{color:#8a97a7;margin-top:3px;font-size:9px}.audit-action{color:#2d4767;font-weight:720}.audit-code{color:#8a97a7;margin-top:3px;font-size:8px}.audit-entity{color:#285f9c;text-transform:capitalize;background:#e8f2fd;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:750;display:inline-flex}.audit-detail-button{color:#276bb5;cursor:pointer;background:#fff;border:1px solid #cbd8e8;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:750}.audit-pagination{color:#7b8899;border-top:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:15px;padding:14px 17px;font-size:10px;display:flex}.audit-pagination>div{align-items:center;gap:9px;display:flex}.audit-pagination button{color:#3d526d;cursor:pointer;background:#fff;border:1px solid #ccd7e4;border-radius:8px;min-height:34px;padding:0 11px}.audit-pagination button:disabled{opacity:.45;cursor:not-allowed}.audit-pagination strong{color:#526177;font-size:9px}.audit-loading,.audit-empty,.audit-error{text-align:center;border-radius:11px;margin:18px;padding:20px;font-size:12px}.audit-loading,.audit-empty{color:#758397;background:#f6f8fb}.audit-error{color:#982d38;background:#fff0f1;border:1px solid #efbbc0}.audit-detail-overlay{z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061225b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.audit-detail-modal{background:#fff;border:1px solid #dbe3ed;border-radius:21px;width:min(100%,760px);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 32px 95px #04142b59}.audit-detail-modal>header{border-bottom:1px solid #e4eaf1;justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 25px 19px;display:flex}.audit-detail-modal header p{color:#3474bd;text-transform:uppercase;margin:0 0 5px;font-size:9px;font-weight:800}.audit-detail-modal header h3{color:#18283f;margin:0;font-size:22px}.audit-detail-modal header span{color:#79879a;margin-top:5px;font-size:10px;display:block}.audit-detail-modal header>button{color:#66758a;cursor:pointer;background:#fff;border:1px solid #d6dee9;border-radius:10px;width:35px;height:35px;font-size:22px}.audit-detail-content{gap:17px;padding:20px 25px;display:grid}.audit-detail-content dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0;display:grid}.audit-detail-content dl div{background:#fafbfd;border:1px solid #e2e7ee;border-radius:10px;min-width:0;padding:12px}.audit-detail-content dt{color:#8591a1;text-transform:uppercase;font-size:8px;font-weight:800}.audit-detail-content dd{overflow-wrap:anywhere;color:#314258;margin:5px 0 0;font-size:10px}.audit-json-detail{border:1px solid #dfe6ef;border-radius:12px;overflow:hidden}.audit-json-detail h4{color:#33455c;background:#f7f9fc;margin:0;padding:11px 13px;font-size:11px}.audit-json-detail pre{color:#dcecff;background:#112137;max-height:330px;margin:0;padding:14px;font-size:10px;line-height:1.55;overflow-x:auto}.audit-detail-modal>footer{border-top:1px solid #e4eaf1;justify-content:flex-end;padding:14px 25px;display:flex}.audit-detail-modal footer button{color:#4b5d74;cursor:pointer;background:#fff;border:1px solid #ccd7e4;border-radius:9px;min-height:39px;padding:0 17px;font-weight:750}@media (width<=1150px){.audit-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.audit-header{flex-direction:column;align-items:stretch}.audit-summary,.audit-filters,.audit-detail-content dl{grid-template-columns:1fr}.audit-filter-actions button{flex:1}.audit-pagination{flex-direction:column;align-items:stretch}.audit-pagination>div{justify-content:space-between}.audit-detail-overlay{align-items:start;padding:12px}.audit-detail-modal{border-radius:16px;max-height:none}}.audit-device strong,.audit-device span,.audit-device small{display:block}.audit-device strong{color:#2d4767;font-size:11px}.audit-device span{color:#64748a;margin-top:3px;font-size:9px}.audit-device small{color:#8a97a7;text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin-top:3px;font-size:8px;overflow:hidden}.sessions-page{gap:22px;display:grid}.sessions-header{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.sessions-eyebrow{color:#3472bb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}.sessions-header h2{color:#16253c;margin:0;font-size:29px}.sessions-header div>span{color:#748398;margin-top:8px;font-size:13px;display:block}.sessions-refresh{color:#40536c;cursor:pointer;background:#fff;border:1px solid #ccd7e4;border-radius:10px;min-height:42px;padding:0 17px;font-weight:700}.sessions-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.sessions-summary article{background:#fff;border:1px solid #e0e6ef;border-radius:16px;padding:20px;box-shadow:0 9px 25px #2a41600f}.sessions-summary span,.sessions-summary strong{display:block}.sessions-summary span{color:#748398;font-size:12px}.sessions-summary strong{color:#17263d;margin-top:7px;font-size:25px}.sessions-panel{background:#fff;border:1px solid #dfe6ef;border-radius:17px;overflow:hidden;box-shadow:0 12px 32px #243d5c12}.sessions-filters{border-bottom:1px solid #e5eaf1;grid-template-columns:minmax(240px,1fr) minmax(190px,260px) auto;align-items:end;gap:11px;padding:17px;display:grid}.sessions-filters label>span{color:#526177;margin-bottom:6px;font-size:10px;font-weight:750;display:block}.sessions-filters input,.sessions-filters select{color:#25354c;background:#fbfcfe;border:1px solid #ccd7e4;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 11px}.sessions-filter-actions{gap:7px;display:flex}.sessions-filter-actions button{cursor:pointer;border-radius:10px;min-height:42px;padding:0 15px;font-weight:700}.sessions-search{color:#fff;background:#276fbf;border:0}.sessions-clear{color:#40536c;background:#fff;border:1px solid #ccd7e4}.sessions-table-container{overflow-x:auto}.sessions-table{border-collapse:collapse;width:100%;min-width:1240px}.sessions-table th{color:#738196;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;padding:13px 15px;font-size:9px;font-weight:800}.sessions-table td{color:#47566b;vertical-align:middle;border-top:1px solid #edf0f4;padding:14px 15px;font-size:11px}.sessions-user strong,.sessions-user span,.sessions-user small,.sessions-device strong,.sessions-device span,.sessions-device small{display:block}.sessions-user strong,.sessions-device strong{color:#2c3c52;font-size:11px}.sessions-user span,.sessions-device span{color:#64748a;margin-top:3px;font-size:9px}.sessions-user small,.sessions-device small{color:#8a97a7;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:3px;font-size:8px;overflow:hidden}.sessions-ip,.sessions-date{white-space:nowrap}.sessions-status-cell small{color:#3472bb;margin-top:5px;font-size:8px;font-weight:750;display:block}.sessions-status{border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex}.sessions-status.activa{color:#177047;background:#e6f7ef}.sessions-status.revocada{color:#9b3540;background:#fdecee}.sessions-status.vencida{color:#82621b;background:#fff5d8}.sessions-revoke{color:#a4313d;cursor:pointer;background:#fff7f8;border:1px solid #e4aab0;border-radius:8px;min-height:34px;padding:0 11px;font-size:9px;font-weight:750}.sessions-revoke:disabled{opacity:.55;cursor:not-allowed}.sessions-current,.sessions-no-action{color:#8491a2;font-size:9px}.sessions-loading,.sessions-empty,.sessions-error,.sessions-message{text-align:center;border-radius:11px;margin:18px;padding:18px;font-size:12px}.sessions-loading,.sessions-empty{color:#758397;background:#f6f8fb}.sessions-error{color:#982d38;background:#fff0f1;border:1px solid #efbbc0}.sessions-message{color:#17633f;background:#eaf8f1;border:1px solid #afe1c7}@media (width<=760px){.sessions-header{flex-direction:column;align-items:stretch}.sessions-summary,.sessions-filters{grid-template-columns:1fr}.sessions-filter-actions button{flex:1}}