:root{--primary:#4e73df;--dark:#224abe;--sidebar-width:250px;--sidebar-wide:330px}
html,body{max-width:100%;overflow-x:hidden}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#30323d}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary),var(--dark)) fixed}.login-card{width:min(100%,460px);border-radius:1rem}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:var(--primary);font-weight:800;font-size:1.35rem;flex:0 0 auto}.login-card .brand-mark{background:var(--primary);color:#fff}
#wrapper{min-width:0}.sidebar{position:relative;width:var(--sidebar-width);min-width:var(--sidebar-width);min-height:100vh;background:linear-gradient(180deg,var(--primary),var(--dark));transition:width .2s ease,min-width .2s ease,transform .2s ease;z-index:1040}.sidebar-wide .sidebar{width:var(--sidebar-wide);min-width:var(--sidebar-wide)}.sidebar .nav-link{color:rgba(255,255,255,.82);border-radius:.5rem;padding:.65rem .75rem;white-space:normal}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background:rgba(255,255,255,.14)}.nav-section{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);padding:.9rem .75rem .25rem}.sidebar-mobile-close{position:absolute;right:.5rem;top:.5rem}.sidebar-backdrop{display:none}#content-wrapper{min-width:0}.sidebar-toggle{flex:0 0 auto}
.table td,.table th{vertical-align:middle}.table-responsive{border-radius:inherit}.page-card{border:0;box-shadow:0 .125rem .65rem rgba(30,45,80,.08)}.metric-card{overflow:hidden}.metric-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:1.1rem;flex:0 0 auto}.min-w-0{min-width:0}.chart-card canvas{display:block;width:100%;height:280px}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;font-size:.8rem}.chart-legend span{display:inline-flex;align-items:center;gap:.35rem}.chart-legend i{width:.65rem;height:.65rem;border-radius:50%}
.dt-container{padding:.9rem 1rem}.dt-container .dt-layout-row{align-items:center;margin:.2rem 0 .8rem}.dt-container .dt-layout-row:last-child{margin:.9rem 0 .1rem}.dt-container .dt-search{display:flex;align-items:center;gap:.5rem}.dt-container .dt-search input{width:min(100%,260px);margin-left:0!important}.dt-container .dt-length select{min-width:4.75rem}.dt-container .pagination{margin-bottom:0}.dt-container table.dataTable{margin:0!important}.dt-container table.dataTable>tbody>tr.child ul.dtr-details{display:block;width:100%}.dt-container table.dataTable>tbody>tr.child span.dtr-title{min-width:42%;color:#5a5c69}.dt-container table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,.dt-container table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{background:var(--primary)}
@media(max-width:991.98px){.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px)!important;min-width:min(86vw,320px)!important;overflow-y:auto;transform:translateX(-100%);box-shadow:0 0 2rem rgba(0,0,0,.2)}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.48);z-index:1035}.sidebar-open .sidebar-backdrop{display:block}.sidebar-open{overflow:hidden}header.navbar{padding-left:1rem!important;padding-right:1rem!important}main.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.chart-card canvas{height:240px}}
@media(max-width:575.98px){.h3{font-size:1.4rem}.card-body{padding:1rem}.metric-icon{width:42px;height:42px}.chart-card canvas{height:220px}.table{font-size:.88rem}.btn{max-width:100%}footer{font-size:.72rem!important}.dt-container{padding:.75rem}.dt-container .dt-layout-row{display:flex;flex-direction:column;align-items:stretch;gap:.65rem}.dt-container .dt-layout-cell{width:100%;text-align:left!important}.dt-container .dt-search{justify-content:space-between}.dt-container .dt-search input{flex:1;min-width:0}.dt-container .dt-paging .pagination{justify-content:center;flex-wrap:wrap}.dt-container .dt-info{text-align:center!important}}
.company-switcher{max-width:240px}
@media(max-width:575.98px){.company-switcher{max-width:125px}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
.app-sidebar-icon{width:34px;height:34px;border-radius:9px;object-fit:cover;flex:0 0 auto}.app-auth-logo{display:block;width:min(100%,180px);height:auto;margin:0 auto}.plan-locked{opacity:.66}.plan-locked:hover{opacity:1}.plan-locked .fa-lock{font-size:.72rem}@media(max-width:575.98px){.app-auth-logo{width:min(100%,150px)}}
.current-plan-banner{color:#fff;background:linear-gradient(125deg,#364caa,#5d72ce);border:0;box-shadow:0 .75rem 1.8rem rgba(54,76,170,.24)}.current-plan-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.18);font-size:1.45rem}.current-plan-status{padding:.65rem 1rem;color:#263b8f!important;font-size:.85rem}.plan-card{position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.plan-card-current{border:2px solid #465bb8!important;box-shadow:0 .65rem 1.5rem rgba(54,76,170,.2)}.plan-card-current:hover{transform:translateY(-2px)}.plan-current-ribbon{background:#465bb8;color:#fff;text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.03em;padding:.42rem .75rem}.plan-description{min-height:3.75rem}.plan-features-wrap{position:relative;transition:max-height .3s ease}.plan-features-wrap.is-collapsed{max-height:15.5rem;overflow:hidden}.plan-features-wrap.is-collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.2rem;background:linear-gradient(transparent,#fff)}.plan-features-toggle{text-decoration:none;font-weight:600}.current-plan-button:disabled{color:#fff;background:#465bb8;border-color:#465bb8;opacity:1}@media(max-width:575.98px){.current-plan-banner .current-plan-status{padding:.5rem .7rem}.plan-description{min-height:0}}
.module-help-toolbar{min-height:31px}.module-help-modal{border:0;border-radius:1rem;overflow:hidden}.module-help-modal .modal-header{background:#f7f8ff;border-bottom:1px solid #e8ebf7;padding:1.25rem 1.5rem}.help-section{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.4rem}.help-section-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;flex:0 0 auto}.help-section p{color:#5f6775;line-height:1.65}@media(max-width:575.98px){.module-help-toolbar{margin-top:-.5rem}.module-help-modal .modal-body{padding:1.25rem!important}.help-section{gap:.75rem}.help-section-icon{width:36px;height:36px}}
.sidebar-menu-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);padding:.5rem .7rem}.sidebar-group{border-radius:.65rem}.sidebar-group-toggle{display:flex;align-items:center;gap:.65rem;width:100%;border:0;border-radius:.55rem;padding:.68rem .72rem;color:#fff;background:rgba(255,255,255,.12);font-weight:600}.sidebar-group-toggle:hover{background:rgba(255,255,255,.18)}.sidebar-group-toggle.collapsed{color:rgba(255,255,255,.84);background:transparent}.sidebar-group-icon,.sidebar-item-icon{display:inline-grid;place-items:center;width:1.3rem;flex:0 0 1.3rem}.sidebar-chevron{font-size:.68rem;transition:transform .2s ease}.sidebar-group-toggle:not(.collapsed) .sidebar-chevron{transform:rotate(180deg)}.sidebar-group-content{padding:.28rem 0 .42rem .65rem}.sidebar .sidebar-item{display:flex;align-items:center;gap:.55rem;padding:.52rem .65rem;font-size:.9rem;border-left:2px solid transparent}.sidebar .sidebar-item.active{border-left-color:#fff;background:rgba(255,255,255,.16);font-weight:600}.sidebar>.nav{padding-bottom:1.5rem}@media(max-width:991.98px){.sidebar-group-toggle{padding:.78rem .72rem}.sidebar .sidebar-item{padding:.65rem}}
.sidebar-brand{height:58px;letter-spacing:.025em}.sidebar-brand strong{font-size:1.05rem}.sidebar-divider{border:0;border-top:1px solid rgba(255,255,255,.24);margin:.35rem 0 1rem;opacity:1}.sidebar-menu-label{padding:.1rem .7rem .45rem;font-weight:700}.sidebar-group{margin-bottom:.1rem}.sidebar-group-toggle{min-height:44px;background:transparent;border-radius:.35rem;padding:.68rem .72rem;font-size:.88rem;font-weight:650;color:#fff}.sidebar-group-toggle.collapsed{color:rgba(255,255,255,.78)}.sidebar-group-toggle:hover,.sidebar-group-toggle:not(.collapsed){color:#fff;background:rgba(255,255,255,.1)}.sidebar-group-icon{color:rgba(255,255,255,.48)}.sidebar-group-toggle:hover .sidebar-group-icon,.sidebar-group-toggle:not(.collapsed) .sidebar-group-icon{color:#fff}.sidebar-chevron{font-size:.65rem;color:rgba(255,255,255,.62)}.sidebar-group-toggle:not(.collapsed) .sidebar-chevron{transform:rotate(90deg)}.sidebar-group-content{padding:.1rem .4rem .55rem}.sidebar-collapse-inner{background:#fff;border-radius:.45rem;padding:.55rem;box-shadow:0 .2rem .7rem rgba(20,32,74,.16)}.sidebar-collapse-header{padding:.25rem .55rem .45rem;color:#a0a5b3;font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.sidebar .sidebar-collapse-inner .sidebar-item{min-height:36px;margin:.05rem 0;padding:.47rem .55rem;border:0;border-radius:.35rem;color:#3a3b45;font-size:.84rem;line-height:1.2}.sidebar .sidebar-collapse-inner .sidebar-item .sidebar-item-icon{color:#b1b5c2;font-size:.78rem}.sidebar .sidebar-collapse-inner .sidebar-item:hover{color:#2e59d9;background:#f3f5fb}.sidebar .sidebar-collapse-inner .sidebar-item.active{color:#2e59d9;background:#eaecf4;font-weight:700}.sidebar .sidebar-collapse-inner .sidebar-item.active .sidebar-item-icon{color:#4e73df}.sidebar .sidebar-collapse-inner .plan-locked{color:#7d8390}.sidebar .sidebar-collapse-inner .plan-locked .fa-lock{color:#a5a9b3}.sidebar>.nav>.sidebar-item{padding:.72rem;color:rgba(255,255,255,.82);font-size:.88rem}.sidebar>.nav>.sidebar-item.active{color:#fff;background:rgba(255,255,255,.13);border:0}.sidebar-wide .sidebar-collapse-inner{padding:.65rem}.sidebar-wide .sidebar .sidebar-collapse-inner .sidebar-item{padding:.55rem .65rem}@media(max-width:991.98px){.sidebar-brand{height:52px}.sidebar-collapse-inner{border-radius:.55rem}.sidebar .sidebar-collapse-inner .sidebar-item{padding:.62rem;font-size:.9rem}}
