:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f8fc;color:#18243b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#263653}.boot-mark{font-weight:900;font-size:33px;letter-spacing:-5px;display:flex;align-items:center;gap:7px;color:#3265e5}.boot-mark span{color:#35d7b0;font-size:18px}.boot h2{font-size:21px;margin:4px 0 0}.boot p{font-size:14px;color:#768399;margin:0}.spinner{height:33px;width:33px;border:3px solid #dee7fe;border-top-color:#4465df;border-radius:50%;animation:spin .8s linear infinite;margin-top:24px}@keyframes spin{to{transform:rotate(360deg)}}
.shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{background:#121c32;color:#fff;padding:28px 17px 24px;display:flex;flex-direction:column;gap:24px;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 16px 19px;border-bottom:1px solid #ffffff14}.brand-mark{width:39px;height:39px;background:#4568f3;border-radius:12px;display:grid;place-items:center;font-size:21px;font-weight:850;letter-spacing:-3px;box-shadow:0 7px 22px #2858ef50}.brand-name{font-size:15px;letter-spacing:-.3px;font-weight:850}.brand-caption{color:#7f92b5;font-size:10px;font-weight:750;letter-spacing:1.45px;margin-top:5px}.sidebar-heading{font-size:10px;color:#7184a6;font-weight:800;letter-spacing:1.45px;margin:12px 14px 11px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;color:#92a4c2;background:transparent;border:0;border-radius:10px;text-align:left;font-size:13px;font-weight:650;transition:.2s}.nav-item svg{flex-shrink:0}.nav-item:hover{color:#fff;background:#27344e}.nav-item.active{color:#fff;background:#314c97;box-shadow:inset 3px 0 #7093ff}.nav-item .nav-count{margin-left:auto;font-size:11px;color:#adbdde}.sidebar-spacer{flex:1}.sidebar-card{background:linear-gradient(135deg,#263858,#1b2a48);border:1px solid #3a4f6b;border-radius:14px;padding:16px 14px;margin:0 4px 3px}.sidebar-card .sidebar-star{background:#405a85;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#cbd9ff;margin-bottom:11px}.sidebar-card h4{font-size:12px;margin:0 0 7px}.sidebar-card p{font-size:11px;color:#9aaccc;line-height:1.55;margin:0}.sidebar-account{border-top:1px solid #ffffff17;padding:18px 6px 0;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;color:#fff;font-weight:750;flex:0 0 auto;border-radius:50%;width:35px;height:35px;background:#7586d9;font-size:12px}.avatar.teal{background:#30a49e}.avatar.purple{background:#7b6ed1}.avatar.orange{background:#e39765}.avatar.navy{background:#3b568e}.sidebar-account strong{display:block;font-size:12px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account small{display:block;font-size:10px;color:#90a4c2;margin-top:4px}.sidebar-account svg{margin-left:auto;color:#8ea4c7}.main{min-width:0}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e9edf5;background:#fff;padding:0 39px;position:sticky;top:0;z-index:3}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:12px;color:#8592a7}.breadcrumbs b{color:#243451;font-weight:700}.top-actions{display:flex;align-items:center;gap:16px}.top-clock{font-size:11px;color:#8391a7;display:flex;align-items:center;gap:8px}.online-indicator{width:7px;height:7px;background:#22bc8f;display:inline-block;border-radius:50%;box-shadow:0 0 0 3px #21bd8e20}.top-action-icon{height:36px;width:36px;border:1px solid #e9edf4;border-radius:9px;background:#fff;color:#6d7a94;display:grid;place-items:center}.top-action-user{display:flex;align-items:center;gap:9px;border-left:1px solid #ebedf4;padding-left:15px}.top-action-user .avatar{width:32px;height:32px}.content{max-width:1440px;padding:34px 40px 70px;margin:0 auto}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.8px;text-transform:uppercase;color:#5271b2;margin-bottom:10px}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.title-row h1{font-size:28px;letter-spacing:-1.05px;line-height:1.3;margin:0 0 7px;font-weight:820}.title-row p{font-size:13px;color:#8792a5;margin:0}.btn{border:1px solid #dfe5ef;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#293a5b;font-weight:720;font-size:12px;padding:11px 15px;min-height:38px;white-space:nowrap}.btn:hover{filter:brightness(.98)}.btn.primary{color:#fff;border-color:#4268e8;background:#4268e8;box-shadow:0 5px 11px #436be52b}.btn.secondary{background:#f5f7fb}.btn.danger{color:#c43c4c;border-color:#f5c6cf}.btn.mini{padding:8px 11px;min-height:30px;font-size:11px}.btn.icon{min-width:35px;padding:8px}.btn-row{display:flex;align-items:center;gap:9px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric-card{background:#fff;border:1px solid #edf0f6;border-radius:14px;padding:23px;box-shadow:0 4px 16px #21335907;min-height:150px}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#8a95a7;font-size:12px;font-weight:650;margin-bottom:21px}.metric-icon{height:37px;width:37px;border-radius:11px;display:grid;place-items:center}.metric-icon.blue{background:#ecf1ff;color:#416be0}.metric-icon.green{background:#e5f9f0;color:#24b887}.metric-icon.purple{background:#f1ecff;color:#8867dc}.metric-icon.orange{background:#fff0e4;color:#ee9760}.metric-number{font-size:29px;font-weight:850;letter-spacing:-1.2px}.metric-sub{color:#9ca6b4;font-size:11px;margin-top:9px}.metric-sub .positive{color:#0dac86;font-weight:750}.panel-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:21px;margin-bottom:24px}.panel{background:#fff;border:1px solid #edf0f6;border-radius:14px;box-shadow:0 4px 16px #21335907;min-width:0;overflow:hidden}.panel.pad{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-title{font-size:14px;font-weight:800;letter-spacing:-.25px}.panel-subtitle{font-size:11px;color:#97a1b0;margin-top:5px}.muted-link{background:none;border:0;color:#4468da;font-size:11px;font-weight:750;padding:6px 0}.chart{height:194px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid #edf1f7;padding:30px 3px 0;position:relative}.chart:before{content:'';position:absolute;inset:25px 0 0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf1f7 calc(25% - 1px),#edf1f7 25%);pointer-events:none}.bar-wrap{flex:1;min-width:7px;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.bar{background:linear-gradient(180deg,#5777f1,#91a6ff);width:100%;max-width:28px;min-height:4px;border-radius:5px 5px 0 0}.chart-labels{display:flex;justify-content:space-between;color:#97a4b7;font-size:10px;margin-top:12px}.legend{display:flex;align-items:center;gap:7px;color:#7c899d;font-size:11px}.legend-dot{background:#6a88e9;height:8px;width:8px;border-radius:3px}.role-list{display:flex;flex-direction:column;gap:19px;padding-top:8px}.role-label-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.role-label-row span{font-weight:670}.role-label-row b{color:#687b98}.progress{height:7px;background:#edf1f8;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:#5b7ef2}.progress.green i{background:#26ba9e}.progress.purple i{background:#9b8ee8}.progress.orange i{background:#e6a56e}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{background:#f8faff;color:#8792a4;font-size:10px;font-weight:760;letter-spacing:.65px;text-transform:uppercase;padding:16px 21px;border-bottom:1px solid #edf1f6}.data-table td{border-bottom:1px solid #f0f2f6;padding:16px 21px;font-size:12px;color:#5e6a82}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafbff}.cell-user{display:flex;align-items:center;gap:11px}.cell-user strong{display:block;color:#26354e;font-size:12px}.cell-user small{display:block;color:#99a5b4;margin-top:4px;font-size:11px}.pill{display:inline-flex;gap:6px;align-items:center;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:750;background:#f0f3f9;color:#66758b}.pill.admin{background:#edf0ff;color:#6b66c8}.pill.manager{background:#e8f3ff;color:#4286b9}.pill.viewer{background:#f0f3f7;color:#657489}.pill.custom{background:#fff4e8;color:#bf7d39}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#1d9f75}.status:before{content:'';background:#2ac393;width:6px;height:6px;border-radius:50%}.status.inactive{color:#a5a9b2}.status.inactive:before{background:#bdc3ce}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-top:1px solid #eff2f8;font-size:11px;color:#95a1b1}.search-toolbar{display:flex;align-items:center;gap:10px;padding:19px 22px;border-bottom:1px solid #edf1f6;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:180px}.search-field input{padding-left:36px!important}.search-field svg{position:absolute;top:10px;left:12px;color:#a0adc0}.field{background:#fff;min-height:38px;border:1px solid #e1e7f0;border-radius:8px;padding:9px 11px;color:#40516a;font-size:12px;outline:0;width:100%}.field:focus{border-color:#7892e9;box-shadow:0 0 0 3px #5d7de212}.field::placeholder{color:#a3adbd}.search-toolbar select{width:auto;min-width:125px}.notice{background:#eff5ff;border:1px solid #dce6ff;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:13px;color:#47649f;font-size:12px;line-height:1.6;margin-bottom:20px}.notice strong{color:#263d73}.empty{padding:65px 20px;text-align:center;color:#8796ab;font-size:13px}.empty h3{margin:8px 0 5px;color:#41516f}.roles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.role-card{padding:23px;background:#fff;border:1px solid #edf0f6;border-radius:14px;box-shadow:0 4px 16px #21335907}.role-head{display:flex;align-items:center;justify-content:space-between}.role-card h3{font-size:15px;margin:17px 0 7px}.role-card p{font-size:11px;line-height:1.55;color:#8f9aaa;min-height:34px;margin:0}.role-stat{border-top:1px solid #edf1f5;margin-top:17px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:#8290a4;font-size:11px}.role-stat b{color:#25354c;font-size:15px}.role-perms{display:flex;flex-wrap:wrap;gap:6px;margin-top:19px}.role-perms .pill{font-size:10px;padding:6px 8px}.role-icon{width:42px;height:42px;background:#f1f3ff;border-radius:11px;color:#626bdc;display:grid;place-items:center}.role-icon.green{background:#e9faf4;color:#1ea785}.role-icon.orange{background:#fff2e9;color:#e19b66}.role-card-footer{border-top:1px solid #eef1f5;padding-top:16px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.activity-item{display:flex;gap:15px;padding:20px 22px;border-bottom:1px solid #edf1f7}.activity-icon{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:#eef2ff;color:#4e6ce2;display:grid;place-items:center}.activity-item strong{font-size:12px;display:block}.activity-item p{font-size:11px;color:#93a0b0;margin:7px 0 0;line-height:1.6}.activity-time{font-size:11px;color:#a3adba;margin-left:auto;white-space:nowrap}.profile-panel{max-width:700px}.profile-top{display:flex;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid #eef1f5}.profile-top .avatar{width:70px;height:70px;font-size:23px}.profile-top h2{margin:0 0 4px;font-size:19px}.profile-top p{margin:0;color:#92a0ae;font-size:12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:25px 0}.profile-grid small{font-size:10px;color:#9ca8b7;text-transform:uppercase;letter-spacing:.7px}.profile-grid strong{display:block;font-size:12px;color:#2e3e58;margin-top:7px;font-weight:670}.modal-shade{position:fixed;inset:0;background:#0d1736a8;z-index:11;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:white;width:min(100%,520px);border-radius:17px;box-shadow:0 30px 95px #09152a44;max-height:92vh;overflow:auto}.modal-header{padding:24px 27px 19px;border-bottom:1px solid #edf1f7;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:18px;letter-spacing:-.4px;margin:0}.modal-header p{font-size:11px;color:#98a2b3;margin:6px 0 0}.close-x{background:transparent;border:0;color:#8091a9;font-size:25px;line-height:1}.modal-body{padding:23px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.form-group label{color:#61718d;font-size:11px;font-weight:760}.form-group small{font-size:10px;color:#a3aebe}.form-grid .form-group{margin-bottom:0}.modal-actions{padding:18px 27px;display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid #edf1f7}.checkbox-row{display:flex;align-items:center;gap:10px;border:1px solid #e8eef5;padding:11px 12px;border-radius:9px;margin:7px 0;color:#52627b;font-size:12px}.checkbox-row input{accent-color:#4369e5}.toast{position:fixed;z-index:20;bottom:25px;right:25px;background:#243858;color:#fff;font-size:12px;font-weight:620;padding:13px 18px;border-radius:10px;box-shadow:0 12px 40px #1b2f4b33;max-width:320px}.toast.error{background:#b23d50}.error-pane{max-width:470px;text-align:center;padding:36px 27px;background:#fff;border:1px solid #e9edf4;border-radius:15px;box-shadow:0 12px 33px #1f355e17}.error-pane h2{font-size:20px;margin:10px 0}.error-pane p{font-size:13px;line-height:1.7;color:#7c8a9c}.error-shell{min-height:100vh;display:grid;place-items:center;background:#f6f8fc;padding:25px}.error-symbol{display:grid;place-items:center;margin:auto;width:54px;height:54px;border-radius:16px;background:#eef2ff;color:#5576e9}.hide{display:none!important}
@media(max-width:1100px){.shell{grid-template-columns:218px 1fr}.content{padding:30px 26px}.topbar{padding:0 25px}.metric-card{padding:18px}.metrics{gap:11px}.roles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:830px){.shell{grid-template-columns:72px 1fr}.sidebar{padding:19px 8px}.brand{padding:0 6px 15px;justify-content:center}.brand-name,.brand-caption,.sidebar-heading,.nav-item span,.sidebar-card,.sidebar-account div:not(.avatar),.sidebar-account svg{display:none}.nav-item{justify-content:center;padding:13px 9px}.sidebar-account{justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}.top-clock{display:none}.content{padding:22px}.sidebar .brand-mark{flex-shrink:0}}@media(max-width:560px){.topbar{height:63px;padding:0 15px}.content{padding:21px 13px}.title-row{flex-direction:column;margin-bottom:19px}.title-row h1{font-size:23px}.metrics{gap:9px}.metric-card{padding:15px;min-height:124px}.metric-number{font-size:24px}.metric-head{margin-bottom:14px}.metric-icon{height:30px;width:30px}.metric-head>span{font-size:10px}.roles-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.top-action-user{border-left:none;padding-left:0}.top-action-icon{display:none}.table-footer{gap:5px;flex-wrap:wrap}.search-toolbar{padding:12px}.data-table td,.data-table th{padding:14px 12px}.panel.pad{padding:16px}}