@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17233a;background:#f4f7fb;font-synthesis:none;--navy:#10233f;--blue:#2d63e2;--border:#e4e9f1;--muted:#69758a}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f7fb}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--navy);color:#fff;z-index:30;padding:0 15px;display:flex;flex-direction:column}.brand{height:80px;display:flex;align-items:center;gap:12px;padding:0 9px;border-bottom:1px solid #ffffff12;margin-bottom:22px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#5285ff,#2450bd);display:grid;place-items:center;box-shadow:0 7px 18px #07152c}.brand-mark span{font:800 19px Manrope}.brand strong{display:block;font:800 17px Manrope;letter-spacing:.5px}.brand small{font-size:11px;color:#9cafc8;text-transform:uppercase;letter-spacing:1px}.nav-label{padding:0 13px 9px;color:#7086a4;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.25px}.nav-label.second{margin-top:22px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button{height:43px;border:0;color:#aebbd0;background:transparent;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13.5px;font-weight:500;transition:.2s}.sidebar nav button:hover{color:#fff;background:#ffffff0c}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#2e63dc,#2858c9);box-shadow:0 7px 20px #06142c66}.sidebar nav button em{margin-left:auto;font-style:normal;background:#ffb74d;color:#382200;border-radius:12px;min-width:20px;height:20px;display:grid;place-items:center;font-size:10px;font-weight:800}.sidebar-footer{margin:auto 0 18px;padding:13px 10px;display:flex;gap:10px;align-items:center;background:#ffffff09;border:1px solid #ffffff0c;border-radius:10px}.sidebar-footer .support-icon{width:33px;height:33px;border-radius:8px;background:#ffffff10;display:grid;place-items:center;color:#85a7ff}.sidebar-footer strong{display:block;font-size:11.5px}.sidebar-footer small{display:block;color:#748aa8;font-size:9px;margin-top:3px}.mobile-close{display:none;margin-left:auto!important;background:none!important;border:0!important;color:#fff!important;padding:0!important}.app-main{margin-left:260px;min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.topbar-title{display:flex;align-items:center;gap:10px;font-size:13px}.topbar-title span{color:#8490a1}.topbar-title b{color:#cbd2dc}.topbar-title strong{font-weight:600}.topbar-actions{display:flex;align-items:center;gap:13px}.global-search{width:245px;height:38px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 10px;color:#8b96a8;background:#fafbfd}.global-search input{border:0;outline:0;background:transparent;width:100%;font-size:12.5px}.global-search kbd{white-space:nowrap;color:#9ba5b4;background:#fff;border:1px solid #dfe4ea;border-radius:5px;font:10px sans-serif;padding:3px 5px}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--border);background:#fff;border-radius:9px;color:#4c596d;display:grid;place-items:center}.notification i{position:absolute;width:7px;height:7px;border-radius:50%;background:#f04444;border:2px solid white;right:7px;top:6px}.profile{display:flex;align-items:center;gap:9px;padding-left:4px}.profile strong{display:block;font-size:12px}.profile small{display:block;color:#8792a3;font-size:10px;margin-top:2px}.avatar{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:700;flex:0 0 auto}.avatar.indigo{color:#3558c9;background:#e8edff}.avatar.cyan{color:#087e9a;background:#dcf7fc}.avatar.violet{color:#7743bd;background:#f0e6ff}.avatar.orange{color:#b75e13;background:#ffeedc}.avatar.rose{color:#bd4161;background:#ffe4ec}.content{padding:29px 34px 45px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.page-heading h1{margin:3px 0 4px;font:700 26px Manrope;letter-spacing:-.5px;color:#142039}.page-heading span{font-size:13px;color:var(--muted)}.eyebrow{margin:0;color:#2b61db;font-size:10px!important;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.primary-btn,.secondary-btn{height:39px;padding:0 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600}.primary-btn{background:#2c61df;color:#fff;border:1px solid #2c61df;box-shadow:0 5px 13px #2c61df25}.primary-btn:hover{background:#2455cb}.secondary-btn{background:#fff;color:#46536a;border:1px solid #dfe4ec}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card,.panel{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 5px #16233a05}.stat-card{padding:18px 19px;min-width:0}.stat-top{display:flex;justify-content:space-between}.stat-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center}.stat-icon.blue,.quick-actions i.blue{color:#2d63e2;background:#eaf0ff}.stat-icon.green,.quick-actions i.green{color:#19926b;background:#e3f7ef}.stat-icon.violet,.quick-actions i.violet{color:#7742ca;background:#f1e8ff}.stat-icon.orange,.quick-actions i.orange{color:#d56a1d;background:#fff0e2}.trend{font-size:10.5px;font-weight:700;align-self:flex-start;padding:4px 6px;border-radius:5px}.trend.blue,.trend.green,.trend.violet{color:#198462;background:#edf9f5}.trend.orange{color:#cd5721;background:#fff0e9}.stat-main{display:flex;align-items:flex-end;justify-content:space-between;margin-top:16px}.stat-main p{font-size:11.5px;color:#707c8f;margin:0 0 4px}.stat-main strong{font:700 26px Manrope;display:block;color:#152039}.stat-main small{font-size:9.5px;color:#9aa3b2}.sparkline{width:90px;height:45px;overflow:visible}.sparkline polyline{stroke:#4c76df;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:16px;margin-top:16px}.panel{padding:20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h3{font:700 14px Manrope;margin:0 0 4px}.panel-heading p{margin:0;color:#8a94a5;font-size:10.5px}.panel-heading select{height:31px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#657084;font-size:10.5px;padding:0 10px}.panel-heading button{border:0;background:none;color:#7e899a}.chart-metrics{display:flex;gap:38px;margin:19px 0 8px;padding-bottom:16px;border-bottom:1px solid #edf0f5}.chart-metrics div{display:flex;align-items:baseline;gap:7px}.chart-metrics strong{font:700 17px Manrope}.chart-metrics span{font-size:9.5px;color:#8d97a7}.line-chart{position:relative;padding-left:36px}.line-chart svg{width:100%;height:166px;overflow:visible}.gridlines line{stroke:#edf0f4;stroke-width:1}.line-chart path.area{fill:url(#area)}.line-chart path.line{fill:none;stroke:#3166df;stroke-width:3;vector-effect:non-scaling-stroke}.line-chart circle{fill:#fff;stroke:#3166df;stroke-width:2;vector-effect:non-scaling-stroke}.y-labels{position:absolute;left:0;top:0;height:158px;display:flex;flex-direction:column;justify-content:space-between;color:#9da6b5;font-size:9px}.x-labels{display:flex;justify-content:space-between;color:#9da6b5;font-size:9px;padding-top:2px}.quick-panel{padding-bottom:12px}.quick-actions{display:flex;flex-direction:column;margin-top:13px}.quick-actions button{display:flex;align-items:center;gap:11px;border:0;background:#fff;padding:10px 3px;border-bottom:1px solid #edf0f5;text-align:left;color:#3a475d}.quick-actions button:last-child{border-bottom:0}.quick-actions button>i{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;font-style:normal}.quick-actions button span{flex:1}.quick-actions button strong{display:block;font-size:11.5px;margin-bottom:3px}.quick-actions button small{display:block;color:#8c97a7;font-size:9.5px}.quick-actions button>svg{color:#9ba5b4;transition:.2s}.quick-actions button:hover>svg{transform:translate(2px,-2px);color:#2d63e2}.dashboard-grid.lower{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr)}.text-btn{font-size:10px!important;display:flex;align-items:center;gap:4px;color:#2d63e2!important}.user-list{margin-top:12px}.user-row{display:grid;grid-template-columns:35px minmax(150px,1fr) 130px 100px 25px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #eef1f5}.user-info strong,.user-info span{display:block}.user-info strong{font-size:11px}.user-info span{font-size:9px;color:#8d97a7;margin-top:3px}.role-pill{font-size:9px;color:#4f5f76;background:#f1f4f8;border-radius:5px;padding:5px 7px;width:max-content}.last-active{font-size:9.5px;color:#7f8999}.last-active i,.status i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#20a778}.last-active i.inactive,.status.inactive i{background:#aeb6c2}.user-row>button,.activity-panel .panel-heading button{border:0;background:none;color:#929baa;padding:0}.activity-list{margin-top:14px}.activity-item{position:relative;display:flex;gap:11px;padding:0 0 15px}.activity-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;z-index:1;flex:none}.activity-icon.blue{color:#2862df;background:#e9efff}.activity-icon.violet{color:#7847bf;background:#f0e7ff}.activity-icon.orange{color:#cf671d;background:#fff0e2}.activity-icon.green{color:#198866;background:#e3f6ef}.activity-item strong,.activity-item span,.activity-item small{display:block}.activity-item strong{font-size:10.5px;margin-top:1px}.activity-item span{font-size:9px;color:#7d889a;margin-top:3px}.activity-item small{font-size:8.5px;color:#acb3be;margin-top:3px}.activity-line{position:absolute;width:1px;background:#e3e8ef;height:19px;left:15px;top:33px}.management-heading{align-items:center}.table-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--border)}.table-toolbar>label{height:37px;width:290px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#8c97a7}.table-toolbar input{border:0;outline:0;width:100%;font-size:11.5px}.table-toolbar>div{display:flex;gap:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;font-size:9.5px;text-transform:uppercase;letter-spacing:.55px;color:#818c9c;background:#fafbfc;padding:11px 16px;border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid #edf0f4;font-size:11px;color:#455167}td strong{color:#253147}table input[type=checkbox]{accent-color:#2d63e2}.table-user{display:flex;gap:10px;align-items:center}.table-user strong,.table-user span{display:block}.table-user span{font-size:9.5px;color:#8c96a6;margin-top:3px}.status{font-size:9px;font-weight:600;padding:5px 7px;border-radius:12px;background:#edf8f3;color:#168060;white-space:nowrap}.status.inactive,.status.review{background:#f1f3f6;color:#778294}.status.blocked{background:#ffebe8;color:#ce4537}.status.blocked i{background:#e65445}.code-pill{font-family:monospace;background:#f0f3f7;padding:4px 6px;border-radius:5px}.muted{color:#8590a1}.row-menu{border:0;background:none;color:#8c96a6}.pagination{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;font-size:10px;color:#7f8999}.pagination div{display:flex;gap:3px}.pagination button{border:1px solid var(--border);background:#fff;border-radius:5px;height:28px;padding:0 9px;font-size:9px;color:#5f6b7e}.pagination button.current{background:#2d63e2;color:#fff;border-color:#2d63e2}.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.role-card{position:relative}.role-card-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center}.role-card-icon.blue{color:#2862df;background:#e8efff}.role-card-icon.violet{color:#7845bf;background:#efe7ff}.role-card-icon.green{color:#148462;background:#e3f7ef}.role-card-icon.orange{color:#c86620;background:#fff0e3}.role-card>.row-menu{position:absolute;right:16px;top:17px}.role-card h3{font:700 14px Manrope;margin:16px 0 5px}.role-card p{font-size:10px;color:#818c9d;height:32px;margin:0}.role-meta{display:flex;gap:15px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;margin:15px 0;padding:12px 0}.role-meta span{font-size:9px;color:#7d899b;display:flex;align-items:center;gap:5px}.role-meta strong{color:#344157}.role-edit{border:0;background:transparent;color:#2c61df;font-size:10px;font-weight:600;display:flex;gap:6px;align-items:center;padding:0}.settings-grid{display:grid;grid-template-columns:220px 1fr;gap:16px}.settings-nav{padding:9px;height:max-content}.settings-nav button{width:100%;border:0;background:#fff;padding:11px;border-radius:7px;display:flex;align-items:center;gap:10px;color:#647084;font-size:11px;text-align:left}.settings-nav button.active{background:#eaf0ff;color:#2d61db;font-weight:600}.settings-form{padding:25px}.settings-form h3{font:700 14px Manrope;margin:0 0 4px}.settings-form>p{color:#8993a3;font-size:10px;margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-label{font-size:10.5px;font-weight:600;color:#455267;display:block;margin:14px 0 6px}.form-grid .field-label{margin-top:0}.form-input{height:40px;width:100%;border:1px solid #dfe4ec;border-radius:8px;padding:0 11px;outline:none;color:#425067;background:#fff;font-size:11px}.form-input:focus{border-color:#6489e6;box-shadow:0 0 0 3px #eaf0ff}.settings-form hr{border:0;border-top:1px solid #e9edf2;margin:26px 0}.toggle-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eef1f4}.toggle-row strong,.toggle-row span{display:block}.toggle-row strong{font-size:11px}.toggle-row span{font-size:9.5px;color:#8a95a5;margin-top:3px}.toggle{width:37px;height:21px;border:0;background:#cbd2dc;border-radius:11px;padding:3px}.toggle i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:#2d63e2}.toggle.on i{margin-left:16px}.org-panel{min-height:410px;padding:45px 35px;display:flex;flex-direction:column;align-items:center}.org-node{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:13px 16px;min-width:220px;box-shadow:0 4px 12px #1a2a4608}.org-node strong,.org-node span{display:block}.org-node strong{font-size:11px}.org-node span{font-size:9px;color:#8792a3;margin-top:4px}.org-node.root{border-color:#b9c9f2;box-shadow:0 6px 18px #2d63e212}.org-line{height:65px;width:1px;background:#cbd4e2}.org-branches{width:90%;display:flex;justify-content:space-between;position:relative}.org-branches:before{content:"";position:absolute;left:16%;right:16%;top:-1px;height:1px;background:#cbd4e2}.org-branch{position:relative;padding-top:40px}.org-branch:before{content:"";position:absolute;left:50%;top:0;height:40px;width:1px;background:#cbd4e2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b183055;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);background:#fff;border-radius:15px;padding:24px;box-shadow:0 25px 65px #08142640;animation:modal-in .18s ease-out}.modal-head{display:flex;justify-content:space-between}.modal-head button{border:0;background:#f3f5f8;color:#6f7a8b;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.modal-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:#2d63e2;background:#eaf0ff}.modal-icon.role{color:#7a43bf;background:#f1e9ff}.modal-icon.department{color:#c76721;background:#fff0e4}.modal h2{font:700 20px Manrope;margin:17px 0 4px}.modal>p{font-size:11px;color:#7d899a;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid #edf0f4}.toast{position:fixed;right:24px;bottom:24px;background:#10233f;color:#fff;padding:12px 13px;border-radius:10px;box-shadow:0 12px 35px #07152d55;z-index:120;animation:toast-in .25s ease-out;font-size:11px}.toast span{display:flex;align-items:center;gap:9px}.toast b{width:21px;height:21px;background:#25a578;border-radius:50%;display:grid;place-items:center}.toast button{position:absolute;right:5px;top:1px;border:0;background:none;color:#8799b2}.menu-button{display:none;border:0;background:none;color:#48576c}.sidebar-scrim{display:none}@keyframes modal-in{0%{transform:translateY(8px) scale(.98);opacity:0}}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}}@media(max-width:1180px){.stats-grid,.roles-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions button:nth-child(3){border-bottom:0}.activity-panel{min-height:0}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:translate(0)}.mobile-close{display:block}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#09152b55;z-index:29}.app-main{margin-left:0}.menu-button{display:grid}.topbar{padding:0 18px}.topbar-title,.global-search{display:none}.content{padding:23px 18px}.profile>div:not(.avatar),.profile>svg{display:none}.page-heading{align-items:flex-start;gap:16px}.page-heading h1{font-size:22px}.stats-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{min-width:max-content}.org-branches{flex-direction:column;gap:20px;align-items:center}.org-branches:before{display:none}.org-branch{padding-top:0}.org-branch:before{display:none}}@media(max-width:550px){.stats-grid{grid-template-columns:1fr}.page-heading{flex-direction:column}.page-heading .primary-btn{width:100%}.quick-actions{display:flex}.user-row{grid-template-columns:35px 1fr 25px}.user-row .role-pill,.user-row .last-active{display:none}.table-toolbar{align-items:stretch;flex-direction:column;gap:10px}.table-toolbar>label{width:100%}.table-toolbar>div{justify-content:flex-end}.roles-grid,.form-grid{grid-template-columns:1fr}.pagination>span{display:none}.pagination{justify-content:flex-end}}