:root{--bg:#f6f7fb;--surface:#fff;--text:#202339;--muted:#818597;--primary:#6359e9;--line:#eceef4;--bs-primary:#6359e9;--bs-primary-rgb:99,89,233}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55}a{color:var(--primary);text-decoration:none}a:hover{color:#443ac3}h1,h2,h3{letter-spacing:-.035em;font-weight:650}h1{font-size:30px;margin:5px 0 7px}h2{font-size:18px;margin:0 0 6px}h3{font-size:17px}p{margin-bottom:1rem}.text-secondary{color:var(--muted)!important}.btn{border-radius:8px;font-weight:600;font-size:13px;padding:10px 15px;box-shadow:none!important}.btn-sm{padding:6px 11px;font-size:12px}.btn-lg{padding:13px 18px;font-size:14px}.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:#5147d0;--bs-btn-hover-border-color:#5147d0;--bs-btn-active-bg:#5147d0;--bs-btn-active-border-color:#5147d0}.btn-outline-primary{--bs-btn-color:var(--primary);--bs-btn-border-color:#d8d4fa;--bs-btn-hover-bg:var(--primary);--bs-btn-hover-border-color:var(--primary)}.btn-light{background:#fff;border:1px solid #e7e8ef;color:#62677b}.btn-dark{background:#262b48;border-color:#262b48}.form-control,.form-select{font-size:13px;min-height:42px;border-color:#e3e5ee;border-radius:8px;color:var(--text)}.form-control:focus,.form-select:focus{border-color:#aaa3f4;box-shadow:0 0 0 3px #6359e910}.form-label{font-size:12px;font-weight:600;margin-bottom:7px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8a8e9f}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:28px 19px 16px;display:flex;flex-direction:column;overflow-y:auto;z-index:1040}.brand{display:flex;align-items:center;gap:9px;color:#27293f;font-size:32px;font-weight:750;letter-spacing:-1.5px;padding:0 10px}.brand:hover{color:#27293f}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:12px;background:var(--primary);color:white;font-size:22px;letter-spacing:0}.brand-dot{color:var(--primary);margin-left:-10px}.workspace-switch{margin:27px 0 24px;border:1px solid var(--line);border-radius:9px;padding:11px 9px;display:flex;align-items:center;gap:9px}.workspace-switch strong{display:block;font-size:12px;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switch small{display:block;color:var(--muted);font-size:9px}.workspace-switch>i{margin-left:auto;color:#9297a9;font-size:9px}.workspace-icon{background:#eeeafb;color:#8170c9;width:30px;height:32px;display:grid;place-items:center;font-weight:700;border-radius:7px}.nav-caption{color:#a2a6b4;font-size:9px;font-weight:700;letter-spacing:1.4px;margin:0 12px 10px;display:block}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;width:100%;padding:10px 13px;border-radius:7px;color:#777d91;font-size:12px;margin-bottom:3px;font-weight:500;text-align:left}.nav-item i{width:16px;text-align:center;font-size:14px}.nav-item:hover{background:#f7f6fd;color:var(--primary)}.nav-item.active{background:#efedfe;color:var(--primary);font-weight:650}.active-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--primary)}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-note{margin:17px 3px 0;padding:13px 8px;border-radius:8px;background:#fafbfe;display:flex;align-items:center;gap:9px}.sidebar-note>i{color:#9e96cf;font-size:18px}.sidebar-note strong{font-size:10px;display:block;color:#737789}.sidebar-note small{font-size:8px;color:#a0a5b5;display:block}.main-shell{margin-left:250px}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb-label{color:#a0a3b1;font-size:12px}.breadcrumb-label i{font-size:8px;margin:0 12px}.breadcrumb-label strong{font-weight:500;color:#60677c}.topbar-right{display:flex;gap:25px;align-items:center}.live-label{font-size:10px;color:#848b9b;display:flex;align-items:center;gap:6px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#47b38d}.account-chip{display:flex;align-items:center;gap:10px;color:var(--text);border-left:1px solid var(--line);padding-left:25px}.avatar{background:#eee9fa;color:#8a72b2;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:650;flex-shrink:0}.account-chip strong{font-size:11px;display:block}.account-chip small{font-size:9px;color:#989eaf;display:block}.account-chip>i{font-size:9px;color:#969bac;margin-left:6px}.content{padding:30px 36px 0;max-width:1900px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:15px}.page-heading p{font-size:12px;color:#9095a6;margin:0}.date-chip{background:white;border:1px solid #e6e8f0;border-radius:7px;padding:9px 12px;font-size:11px;color:#797f94;white-space:nowrap}.date-chip i{margin-right:7px}.welcome-banner{background:linear-gradient(105deg,#eeedfd 0%,#f2effc 52%,#e8e6fc 100%);border:1px solid #e5e1f7;border-radius:13px;min-height:213px;display:flex;align-items:center;justify-content:space-between;padding:26px 32px;position:relative;overflow:hidden}.banner-pill{font-size:9px;letter-spacing:1px;color:#8475b6;display:flex;align-items:center;gap:7px;font-weight:650}.banner-pill .online-dot{background:#9d8fd4}.welcome-banner h2{font-size:26px;margin-top:12px}.wave{color:#b3a1ee;font-size:26px;margin-left:6px}.welcome-banner p{font-size:12px;color:#8c89a4;margin:8px 0 18px}.welcome-banner .btn{font-size:11px}.banner-orbit{width:270px;align-self:stretch;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#9489d1}.banner-orbit>i{font-size:90px;transform:rotate(-20deg);color:#a294e1}.banner-orbit>span{font-size:7px;letter-spacing:2px}.banner-circle{position:absolute;width:230px;height:230px;border:1px solid #d9d2f3;border-radius:50%;top:-25px}.banner-circle:before,.banner-circle:after{content:"";position:absolute;border:1px solid #ded8f6;border-radius:50%;inset:22px}.banner-circle:after{inset:-30px;border-style:dashed}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 14px}.section-heading h2{font-size:15px}.section-heading span{font-size:10px;color:#9a9faf}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat-card{display:block;background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px 22px;color:var(--text)}a.stat-card:hover{border-color:#c9c1f0;color:var(--text);transform:translateY(-1px)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9499aa;font-size:11px}.stat-icon{width:35px;height:35px;border-radius:10px;display:inline-grid;place-items:center;font-size:14px;flex-shrink:0}.blue{color:#6295db;background:#edf4ff}.green{color:#42ac8d;background:#eaf8f1}.amber{color:#dba54b;background:#fff7e6}.purple{color:#8a76d8;background:#f1edfc}.stat-card>strong{font-size:27px;letter-spacing:-1px;font-weight:650;display:block;margin:8px 0 10px;overflow-wrap:anywhere}.stat-card>small{font-size:9px;color:#a1a6b5;display:flex;justify-content:space-between;align-items:center}.stat-card>small i{font-size:9px;color:#b1adc2}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin:23px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-heading{padding:21px 23px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2{font-size:14px;margin:0}.panel-heading p{font-size:10px;color:#9ba0ae;margin:5px 0 0}.panel-heading>i{color:#bbb6d9}.subtle-chip{display:inline-flex;align-items:center;border:1px solid #ececf3;border-radius:6px;padding:5px 10px;font-size:10px;color:#898ea0;background:#fff}.chart-summary{padding:0 24px;display:flex;align-items:baseline;gap:8px}.chart-summary strong{font-size:25px;font-weight:650;letter-spacing:-1px}.chart-summary span{font-size:10px;color:#a4a8b6}.bar-chart{height:182px;display:flex;gap:7%;padding:10px 28px 18px;margin-top:5px}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.bar-value{font-size:9px;color:#9991bd}.bar-track{flex:1;width:100%;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f4f4fa 40px);max-width:45px}.bar-track svg{width:100%;height:100%;display:block;fill:#bbb4f3}.bar-column:last-child svg{fill:var(--primary)}.bar-column small{font-size:9px;color:#a1a6b4;margin-top:8px}.collection-panel{padding-bottom:20px}.collection-panel>.small,.collection-amount,.collection-row{margin-left:24px;margin-right:24px}.collection-panel>.small{font-size:10px}.collection-amount{font-size:30px;font-weight:650;letter-spacing:-1px;margin-top:2px;margin-bottom:10px}.collection-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:11px;color:#969bad;border-bottom:1px solid #f4f5f8}.collection-row strong{color:#626779;font-size:11px;font-weight:600}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.green-dot{background:#67c5a0}.amber-dot{background:#e2b461}.collection-panel .btn{margin-left:24px;width:calc(100% - 48px)!important;font-size:10px;padding:8px}.mini-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;margin-bottom:24px}.mini-stats a{border:1px solid var(--line);background:white;border-radius:8px;padding:13px 15px;display:flex;flex-direction:column;gap:6px;color:var(--text)}.mini-stats span{font-size:10px;color:#959bad}.mini-stats strong{font-size:19px;font-weight:600}.text-link{font-size:11px;font-weight:550}.text-link i{margin-left:5px;font-size:10px}.table{margin:0;font-size:11px;--bs-table-color:#656c80;--bs-table-border-color:#f0f1f6}.table th{background:#fafbfe;color:#9499a9;text-transform:uppercase;font-size:8px;letter-spacing:.7px;padding:13px 20px;font-weight:650;white-space:nowrap}.table td{padding:15px 20px;vertical-align:middle;white-space:nowrap}.table td strong{font-weight:550;color:#555d74}.table td small{display:block;font-size:9px;color:#9aa0b2;margin-top:4px}.table a:not(.btn){color:#666485}.key-code{font-family:Consolas,monospace;font-size:10px;letter-spacing:-.2px}.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:600;line-height:1.3;white-space:nowrap}.status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:5px}.status-active,.status-paid,.status-credit{background:#edf8f2;color:#57a78b}.status-unpaid{background:#fff7e6;color:#cda044}.status-inactive,.status-expired{background:#f0f2f7;color:#929aac}.status-blocked,.status-debit{background:#feeeee;color:#cf7979}.page-footer{padding:26px 0 23px;display:flex;justify-content:space-between;font-size:9px;color:#abb0be}.page-footer i{font-size:8px;margin-right:4px}.empty-state{text-align:center;padding:50px 20px;color:#969caf}.empty-state>i{background:#f3f1fc;color:#b2a8dc;width:54px;height:54px;border-radius:15px;display:inline-grid;place-items:center;font-size:22px;margin-bottom:15px}.empty-state h3{font-size:15px;color:#6d7489}.empty-state p{font-size:11px;margin:0}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;padding:17px 23px;background:#fdfdfe;border-top:1px solid #f2f3f7;border-bottom:1px solid #f2f3f7}.filter-search{flex:1;min-width:170px;position:relative}.filter-search i{position:absolute;top:16px;left:12px;font-size:11px;color:#a5aabb}.filter-search input{padding-left:34px}.filter-bar>.form-select{width:145px}.date-filter{font-size:9px;color:#9298aa}.date-filter input{width:140px;font-size:11px}.filter-bar .btn{min-height:42px}.quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.quick-filters a:hover{border-color:#bfb5eb;color:var(--primary)}.count-pill{font-size:10px;color:#8c82c5;background:#f1eefb;padding:3px 7px;border-radius:5px;margin-left:5px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-top:1px solid var(--line);font-size:10px;color:#979db0}.table-person{display:flex;gap:9px;align-items:center}.small-avatar{width:29px;height:29px;font-size:11px}.amount{font-variant-numeric:tabular-nums;font-weight:550}.table .wrap-cell{white-space:normal;min-width:200px;max-width:360px;overflow-wrap:anywhere}.padded{padding:26px}.padded>h2{font-size:18px;margin-bottom:8px}.padded>p{font-size:12px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:start}.back-link{font-size:12px;display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}.profile-summary{display:flex;gap:20px;align-items:center;padding:25px;margin-bottom:24px;flex-wrap:wrap}.profile-summary p{margin:7px 0;color:#8f96a9;font-size:12px}.profile-summary small{font-size:10px;color:#999faf}.profile-summary a{font-size:11px}.large-avatar{width:65px;height:65px;font-size:24px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px}.detail-grid small{display:block;color:#a0a5b5;font-size:10px}.detail-grid strong{font-size:13px;font-weight:550;display:block;margin-top:6px}.license-title{font-size:20px;font-family:Consolas,monospace;letter-spacing:0;overflow-wrap:anywhere}.hierarchy-chain{display:flex;flex-wrap:wrap;gap:9px}.hierarchy-chain>span{padding:10px 15px;background:#f8f7fd;border:1px solid #eeebf8;border-radius:8px;font-size:12px}.hierarchy-chain small{display:block;font-size:9px;color:#9c96b4;margin-bottom:4px}dt{font-size:10px;color:#949aad;font-weight:500}dd{font-size:13px}.info-panel{background:#f4f1fd;border-color:#eae4f9}.info-panel>p{color:#9890af}.info-step{display:flex;gap:15px;padding:15px 0}.info-step>span{font-size:10px;color:#9885c7;border:1px solid #dbd3ef;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.info-step strong{font-size:12px}.info-step p{font-size:11px;color:#9990b0;margin:5px 0 0}.settings-link{display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.settings-link>i{color:#9f91c7}.settings-link strong{font-size:12px}.settings-link p{font-size:11px;color:#969caf;margin:5px 0 0}.settings-link>.btn{margin-left:auto}.modal-content{border:0;border-radius:14px;box-shadow:0 15px 80px #20233920}.modal-header,.modal-body,.modal-footer{padding:20px 25px}.modal-title{letter-spacing:-.02em}.modal-body p{font-size:12px}.toast{border:1px solid var(--line);box-shadow:0 8px 30px #20233918}.toast-body{font-size:13px}.mobile-menu{display:none}.sidebar-backdrop{display:none}.auth-body{min-height:100vh;display:grid;place-items:center;background:#f3f1fa;padding:25px}.setup-card{width:100%;max-width:480px;background:#fff;border-radius:18px;padding:40px;box-shadow:0 15px 60px #53468c10}.setup-card .brand-mark{margin-bottom:24px;display:flex}.setup-card h1{font-size:27px}.login-page{background:#fff}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#f0edfa;padding:42px 55px;position:relative;display:flex;flex-direction:column;overflow:hidden}.login-story .brand{padding:0}.story-content{margin:auto 0;padding:60px 0 20px;max-width:450px}.story-content>.eyebrow{color:#9a8fc0;font-size:9px}.story-content h1{font-size:53px;line-height:1.12;margin:20px 0;letter-spacing:-2.5px;color:#36304d}.story-content>p{font-size:14px;color:#9991aa;max-width:310px;line-height:1.8}.story-foot{font-size:10px;color:#a39bb8;display:flex;gap:8px;align-items:center}.orbit-art{position:relative;width:270px;height:230px;display:grid;place-items:center;margin:25px auto 0}.orbit-ring{position:absolute;border:1px solid #d7ceec;width:185px;height:185px;border-radius:50%;transform:rotate(-25deg)}.ring-two{width:270px;height:210px;border-style:dashed}.orbit-core{display:grid;place-items:center;width:78px;height:78px;border-radius:24px;background:#b1a2dc;box-shadow:0 15px 30px #a89acb30;color:#fff;font-size:28px;transform:rotate(-10deg)}.orbit-node{position:absolute;display:grid;place-items:center;background:#fff8;color:#b1a0d1;width:40px;height:40px;border-radius:13px;font-size:17px}.node-one{top:20px;left:44px}.node-two{bottom:32px;right:10px}.node-three{bottom:22px;left:30px}.login-form{padding:45px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-form-inner{width:100%;max-width:345px;margin:auto}.login-form h2{font-size:32px;margin:12px 0}.login-form .text-secondary{font-size:12px;line-height:1.8}.input-icon{position:relative}.input-icon i{position:absolute;left:14px;top:17px;color:#bab8c7;font-size:12px}.input-icon input{padding-left:39px;min-height:46px;background:#fdfdff}.input-icon input::placeholder{color:#b0b3c0;font-size:12px}.login-help{font-size:11px;color:#a5a9b6;text-align:center;line-height:1.9;margin:25px 0}.login-security{display:flex;justify-content:center;align-items:center;gap:6px;color:#a2a8b7;font-size:10px;border-top:1px solid #f0f1f5;padding-top:20px}.login-form>small{font-size:9px;color:#b7bac6;margin-top:40px}.print-page{background:white;padding:30px}.print-page h1{font-size:23px}.print-page table{width:100%;border-collapse:collapse;font-size:10px}.print-page td,.print-page th{border:1px solid #ddd;padding:7px;overflow-wrap:anywhere;text-align:left}.print-page th{background:#eee}.print-page .print-toolbar{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.print-page p{font-size:12px}
@media(min-width:1600px){.content{padding:36px 48px 0}.stats-grid{gap:22px}.dashboard-grid{gap:24px}.sidebar{width:260px}.main-shell{margin-left:260px}}@media(max-width:1200px){.sidebar{width:220px;padding-left:12px;padding-right:12px}.main-shell{margin-left:220px}.content{padding:25px 23px 0}.topbar{padding:0 23px}.stat-card{padding:16px}.stat-card>strong{font-size:23px}.banner-orbit{width:210px}.stats-grid{gap:12px}.detail-grid{grid-template-columns:repeat(2,1fr)}.login-story{padding:35px}.story-content h1{font-size:43px}}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:250px}.main-shell{margin-left:0}.mobile-menu{display:block}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#1e213966;z-index:1035}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr 1fr}.topbar{height:72px}.welcome-banner{min-height:195px}.welcome-banner h2{font-size:23px}.live-label{display:none}.login-shell{grid-template-columns:45% 55%}.login-story{padding:30px}.story-content h1{font-size:38px}.orbit-art{width:210px}.ring-two{width:215px}.login-form{padding:35px}.story-foot{font-size:8px}}@media(max-width:680px){.content{padding:22px 16px 0}.topbar{padding:0 16px}.breadcrumb-label{font-size:10px}.breadcrumb-label i{margin:0 6px}.account-chip{border:0;padding-left:0}.account-chip>span:not(.avatar),.account-chip>i{display:none}.topbar-right{gap:0}.page-heading{align-items:start}.page-heading h1{font-size:25px}.page-heading .date-chip{font-size:9px;padding:7px;display:none}.eyebrow{font-size:8px}.welcome-banner{padding:23px;min-height:190px}.welcome-banner h2{font-size:23px}.banner-orbit{display:none}.welcome-banner p{font-size:11px}.stat-card{padding:15px}.stat-card>strong{font-size:22px}.stat-icon{width:30px;height:30px;font-size:12px}.stat-top{font-size:10px}.dashboard-grid,.two-column{grid-template-columns:1fr}.dashboard-grid{gap:16px;margin:18px 0}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading span{font-size:8px}.panel-heading{padding:18px;align-items:start;flex-wrap:wrap}.panel-heading h2{font-size:14px}.filter-bar{padding:14px;gap:8px}.filter-search{flex-basis:100%}.filter-bar>.form-select{width:calc(50% - 4px)}.date-filter{flex:1}.date-filter input{width:100%}.padded{padding:22px}.profile-summary{padding:20px;gap:15px}.profile-summary>.ms-auto{margin-left:0!important}.license-title{font-size:16px}.detail-grid{gap:18px}.detail-grid strong{font-size:12px}.page-footer{font-size:8px;gap:15px}.login-shell{display:block;min-height:100vh}.login-story{padding:25px 28px}.story-content,.story-foot{display:none}.login-form{min-height:calc(100vh - 99px);padding:40px 28px}.login-form-inner{max-width:370px}.login-form h2{font-size:29px}.setup-card{padding:27px}.modal-dialog{margin:15px}.table-footer{padding:13px;font-size:9px}.settings-link{gap:10px}.settings-link>.btn{padding:7px 9px}.print-page{padding:15px}}@media print{.print-toolbar,.sidebar,.topbar,.page-footer,.btn,.filter-bar,.quick-filters{display:none!important}.main-shell{margin:0}.content{padding:0}.panel{border:0}.print-page{padding:0}.print-page th{background:#eee!important;print-color-adjust:exact}@page{size:landscape;margin:10mm}thead{display:table-header-group}tr{break-inside:avoid}}