/* Orbit Pro — shared visual system for every panel screen. */
:root{--bg:#f3f6fb;--surface:#fff;--text:#14243c;--muted:#64748b;--primary:#3758f9;--line:#e5ebf3;--bs-primary:#3758f9;--bs-primary-rgb:55,88,249}
body{background:radial-gradient(ellipse at 95% 0,#e9efff 0,transparent 38%),var(--bg);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{color:#14243c;font-weight:700}h1{font-size:32px;letter-spacing:-1.1px}.eyebrow{color:#697c97;font-size:10px;font-weight:700;letter-spacing:1.8px}
a{color:#3153dc}a:hover{color:#1d39a9}.btn{border-radius:10px;padding:11px 17px;transition:background .18s,box-shadow .18s,transform .18s}.btn:active{transform:translateY(1px)}.btn-primary{--bs-btn-bg:#3758f9;--bs-btn-border-color:#3758f9;--bs-btn-hover-bg:#2545df;--bs-btn-hover-border-color:#2545df;--bs-btn-active-bg:#203ec8;--bs-btn-active-border-color:#203ec8;box-shadow:0 4px 10px #3758f921!important}.btn-outline-primary{--bs-btn-color:#3153dc;--bs-btn-border-color:#cdd8ff;--bs-btn-hover-bg:#3758f9;--bs-btn-hover-border-color:#3758f9}.btn-light{background:#f9fbfe;color:#4d607b;border-color:#dfe7f1}.btn-sm{padding:7px 12px}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #70a5ff;outline-offset:3px}
.sidebar{width:258px;background:linear-gradient(165deg,#111f38 0%,#0b1529 75%);border:0;padding:28px 17px 18px;scrollbar-width:thin;scrollbar-color:#33435e transparent;box-shadow:6px 0 30px #0c18360a}.main-shell{margin-left:258px}.sidebar .brand{color:#fff;letter-spacing:-1.8px;font-size:34px}.brand-mark{background:linear-gradient(140deg,#557bff,#3758f9 60%,#795df1);box-shadow:0 5px 16px #3758f933;border:1px solid #ffffff20;width:40px;height:40px;border-radius:13px}.brand-dot{color:#4cdbbf}.workspace-switch{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;padding:13px 10px;margin:26px 0 25px}.workspace-switch strong{color:#e6edfb;font-size:12px}.workspace-switch small{color:#91a3be;font-size:10px}.workspace-switch>i{color:#7c90b0}.workspace-icon{background:#253759;color:#9db7ff;border:1px solid #405580;width:32px;height:34px}.nav-caption{color:#7186a7;letter-spacing:1.8px;font-size:9px}.nav-item{color:#a8b7ce;font-size:12px;padding:11px 13px;border-radius:9px;gap:13px;margin-bottom:4px;transition:background .18s,color .18s}.nav-item i{color:#718cac;font-size:14px}.nav-item:hover{color:#f1f6ff;background:#ffffff08}.nav-item:hover i{color:#b6c9ff}.nav-item.active{color:#fff;background:linear-gradient(100deg,#365cf8,#4659df);box-shadow:0 5px 15px #0002}.nav-item.active i{color:#fff}.active-dot{background:#8cf3da;box-shadow:0 0 8px #8cf3da55}.sidebar-bottom{padding-top:26px}.sidebar-note{background:#ffffff04;border:1px solid #ffffff0c;border-radius:10px;margin-top:18px;padding:13px 10px}.sidebar-note>i{color:#4dd4ba}.sidebar-note strong{color:#bfcee2;font-size:10px}.sidebar-note small{color:#768dab;font-size:9px}.logout:hover{background:#f66d780e;color:#ffb0b7}
.topbar{height:82px;background:#ffffffed;border-bottom:1px solid #e4eaf3;padding:0 36px}.breadcrumb-label{font-size:12px;color:#7b8ca4}.breadcrumb-label strong{color:#324861;font-weight:600}.live-label{color:#427367;background:#ecf9f3;border:1px solid #d5eee3;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:600}.online-dot{background:#1db896;box-shadow:0 0 0 3px #1db89612}.account-chip{border-color:#e4eaf3}.account-chip strong{color:#293e5c;font-size:12px}.account-chip small{color:#7588a2;font-size:10px}.avatar{background:linear-gradient(140deg,#e1e9ff,#ebe7ff);color:#4d5a9b;border:2px solid #fff;box-shadow:0 0 0 1px #e4eaf4;width:38px;height:38px}.content{padding-top:31px}.page-heading{margin-bottom:25px}.page-heading p{color:#71829a;font-size:13px}.date-chip{color:#556c88;border-color:#e1e8f2;padding:10px 14px;border-radius:10px;font-size:11px;box-shadow:0 2px 4px #182b4303}
.welcome-banner{background:radial-gradient(ellipse at 92% 20%,#285d83 0,transparent 44%),linear-gradient(115deg,#112445,#18345d 65%,#183650);border:1px solid #203e65;border-radius:18px;min-height:220px;padding:29px 34px;box-shadow:0 10px 30px #16325812}.welcome-banner:after{content:"";position:absolute;right:15%;bottom:-160px;width:390px;height:390px;border:1px solid #76d7d414;border-radius:50%;pointer-events:none}.welcome-banner>div{position:relative;z-index:1}.banner-pill{color:#92bce0;font-size:9px;letter-spacing:1.7px}.banner-pill .online-dot{background:#5ae1c1;box-shadow:0 0 12px #5ae1c155}.welcome-banner h2{color:#f7faff;font-size:29px;letter-spacing:-.8px;margin-top:16px}.welcome-banner p{color:#a5bed9;font-size:13px;margin:9px 0 22px}.wave{color:#67e3c3}.welcome-banner .btn{background:#fff;color:#1d3657;border:1px solid #ffffffd0;border-radius:9px;padding:10px 15px;font-size:12px;box-shadow:0 4px 15px #071a3422!important}.welcome-banner .btn:hover{background:#e4f1ff}.banner-orbit{color:#9ac3d8;width:285px}.banner-orbit>i{color:#75dfd5;font-size:94px;filter:drop-shadow(0 8px 20px #3ddac333);transform:rotate(-14deg)}.banner-orbit>span{font-size:8px;color:#93bfd0;letter-spacing:2.7px}.banner-circle{border-color:#84d8e32a;width:245px;height:245px;top:-31px}.banner-circle:before{border-color:#84d8e328}.banner-circle:after{border-color:#84d8e321}
.section-heading{margin-top:29px}.section-heading h2{font-size:16px;letter-spacing:-.35px}.section-heading span{color:#72849c;font-size:11px}.stats-grid{gap:18px}.stat-card{border-color:#e4eaf4;border-radius:14px;padding:22px 23px;box-shadow:0 3px 10px #1d3a6204;transition:box-shadow .2s,transform .2s,border-color .2s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:22px;width:33px;height:3px;border-radius:0 0 4px 4px;background:#5072ff}.stat-card:nth-child(2):before{background:#24b893}.stat-card:nth-child(3):before{background:#e7ad40}.stat-card:nth-child(4):before{background:#8c62e7}a.stat-card:hover{border-color:#bacbfa;box-shadow:0 9px 24px #2641760d;transform:translateY(-3px)}.stat-top{color:#647892;font-size:12px;font-weight:550}.stat-icon{width:40px;height:40px;border-radius:12px;font-size:16px}.blue{background:#edf2ff;color:#4a6ae6}.green{background:#e7f7f1;color:#189e7b}.amber{background:#fff5df;color:#ca9323}.purple{background:#f1ebff;color:#8057ce}.stat-card>strong{font-size:29px;color:#182c49;letter-spacing:-1px;margin:10px 0 12px;font-variant-numeric:tabular-nums}.stat-card>small{font-size:10px;color:#71859d}.stat-card>small i{color:#879bbb}.panel{border-color:#e3eaf4;border-radius:14px;box-shadow:0 3px 12px #24446703}.panel-heading{padding:24px 25px 19px}.panel-heading h2{font-size:16px;letter-spacing:-.4px}.panel-heading p{font-size:11px;color:#788ba3;line-height:1.6}.subtle-chip{font-size:11px;color:#627994;border-color:#e0e8f3;border-radius:8px;padding:6px 11px}.chart-summary strong{font-size:29px;color:#1a3050}.chart-summary span{color:#788aa1;font-size:11px}.bar-chart{height:189px}.bar-track svg{fill:#b9c8fa}.bar-column:last-child svg{fill:#4567ed}.bar-value{color:#6c83a7;font-size:10px}.bar-column small{color:#7b8ca5;font-size:10px}.collection-panel>.small{color:#6c829d!important;font-size:11px}.collection-amount{font-size:32px;color:#1d3457}.collection-row{font-size:12px;color:#6d829c;padding:10px 0;border-color:#eef2f7}.collection-row strong{color:#385372;font-size:12px}.collection-panel .btn{font-size:11px;background:#f6f8ff}.collection-panel .btn:hover{background:#3758f9}.mini-stats a{border-color:#e2eaf4;border-radius:11px;padding:16px;transition:border-color .18s,background .18s}.mini-stats a:hover{background:#f9fbff;border-color:#b5c6f1}.mini-stats span{color:#6b819c;font-size:11px}.mini-stats strong{font-size:22px;color:#29415f}.text-link{font-size:12px;color:#3b5fd6}
.table{--bs-table-color:#48617e;--bs-table-border-color:#edf1f7;font-size:12px}.table th{background:#f6f8fc;color:#71859f;font-size:9px;letter-spacing:.85px;padding:15px 21px}.table td{padding:17px 21px}.table tbody tr:hover td{background:#fafcff}.table td strong{color:#304c6d;font-weight:600}.table td small{color:#7d90a9;font-size:10px}.table a:not(.btn){color:#41648a}.key-code{font-size:11px;color:#536a8c;letter-spacing:0}.status{padding:5px 9px;border-radius:6px;font-size:10px;font-weight:650}.status-active,.status-paid,.status-credit{background:#e8f7ef;color:#228260}.status-unpaid{background:#fff5dc;color:#9e741a}.status-inactive,.status-expired{background:#edf1f7;color:#617792}.status-blocked,.status-debit{background:#ffedef;color:#b84e60}.table-footer{color:#7287a1;font-size:11px;padding:17px 23px}.count-pill{background:#edf2ff;color:#5572c8;padding:4px 8px}.filter-bar{background:#fbfcff;border-color:#edf1f7;padding:18px 24px}.filter-search i{color:#8da0b9}.date-filter{color:#6d819b;font-size:10px}.date-filter input{font-size:12px}.form-control,.form-select{min-height:44px;border-color:#dfe7f1;border-radius:9px;color:#334c6b;background-color:#fff;font-size:13px}.form-control::placeholder{color:#96a5b9}.form-control:focus,.form-select:focus{border-color:#8ca5f6;box-shadow:0 0 0 3px #3758f913}.form-label{color:#4d6380;font-size:12px;font-weight:600}.padded{padding:28px}.padded>h2{font-size:19px}.padded>p{line-height:1.8;color:#71849d}.empty-state{padding:55px 22px}.empty-state>i{background:#edf2ff;color:#829be0;border:1px solid #e0e8fd;border-radius:17px}.empty-state h3{color:#4e6788;font-size:16px}.empty-state p{color:#7c8fa8;font-size:12px}.detail-grid small,dt{color:#6f839e;font-size:11px}.detail-grid strong{color:#304d70}.hierarchy-chain>span{background:#f2f6ff;border-color:#e1e9fb;color:#426080;border-radius:10px}.hierarchy-chain small{color:#7289aa}.info-panel{background:linear-gradient(145deg,#eff4ff,#edf8f7);border-color:#dce8f5}.info-panel>p,.info-step p{color:#6c84a0}.info-step>span{color:#497bab;border-color:#c7dced}.settings-link{border-color:#e8eef5}.settings-link>i{color:#6a86ba}.settings-link p{color:#7187a3}.profile-summary p,.profile-summary small{color:#7187a1}.page-footer{color:#7b8ea6;font-size:10px}.modal-content{border:1px solid #e4eaf4;border-radius:18px;box-shadow:0 24px 100px #0f264533}.modal-header{background:#f8faff;border-color:#e9eef6}.modal-footer{border-color:#e9eef6}.toast{border-radius:12px;border-color:#dce6f4;box-shadow:0 12px 40px #162c4e20}.toast-header{color:#365171}.alert{border-radius:11px;font-size:13px}.alert-success{color:#26785e;background:#eaf8f1;border-color:#cdecdc}.alert-danger{color:#a64352;background:#fff0f2;border-color:#f4d7de}
.login-story{background:radial-gradient(ellipse at 100% 40%,#224c6a 0,transparent 60%),linear-gradient(150deg,#101e38,#142e4f);padding:46px 60px}.login-story .brand{color:#fff}.story-content>.eyebrow{color:#77b5cb;letter-spacing:2px}.story-content h1{color:#f4f8ff;font-size:57px;line-height:1.13}.story-content>p{color:#9fb7d2;font-size:15px}.story-foot{color:#819dbd;font-size:11px}.story-foot>i{color:#63cfb9}.orbit-ring{border-color:#88d3df30}.orbit-core{background:linear-gradient(135deg,#59cfc2,#3b83ba);border:1px solid #80e4de55;box-shadow:0 20px 50px #001d4433;color:#eaffff}.orbit-node{background:#254462;color:#8dded7;border:1px solid #8cc9d826;box-shadow:0 10px 25px #081e3820}.login-form{background:radial-gradient(ellipse at 90% 0,#f1f5ff,transparent 60%),#fff}.login-form h2{font-size:34px;color:#193050}.login-form .text-secondary{color:#73869f!important;font-size:13px}.input-icon input{background:#fbfcff;min-height:49px;border-color:#dfe7f2}.input-icon i{color:#90a2bd;top:19px}.input-icon input::placeholder{color:#91a2ba}.login-help{color:#788ca5;font-size:12px}.login-security{color:#7b8ea5;border-color:#e8eef6;font-size:11px}.login-form>small{color:#8899af;font-size:10px}.auth-body{background:radial-gradient(ellipse at 15% 0,#263e68,transparent 65%),#101e35}.setup-card{border:1px solid #ffffff24;box-shadow:0 25px 90px #0003;border-radius:20px}
@media(min-width:1600px){.sidebar{width:270px}.main-shell{margin-left:270px}.content{padding-top:36px}}@media(max-width:1200px){.sidebar{width:230px;padding-left:13px;padding-right:13px}.main-shell{margin-left:230px}.stat-card{padding:19px}.stat-card>strong{font-size:25px}.banner-orbit{width:220px}.welcome-banner h2{font-size:26px}.login-story{padding:38px}.story-content h1{font-size:46px}}
@media(max-width:991px){.sidebar{width:258px}.main-shell{margin-left:0}.topbar{height:74px}.content{padding-top:25px}.login-story{padding:30px}.story-content h1{font-size:39px}}
@media(max-width:680px){h1{font-size:26px}.page-heading p{font-size:12px}.welcome-banner{border-radius:15px;padding:25px;min-height:210px}.welcome-banner h2{font-size:25px}.welcome-banner p{font-size:12px;max-width:250px}.stats-grid{gap:12px}.stat-card{padding:17px}.stat-card>strong{font-size:23px}.stat-top{font-size:11px}.stat-icon{width:31px;height:31px;font-size:13px}.stat-card>small{font-size:9px}.panel-heading{padding:21px}.filter-bar{padding:15px}.padded{padding:23px}.mini-stats span{font-size:10px}.mini-stats a{padding:14px}.date-filter input{min-width:0}.form-control,.form-select{font-size:14px}.modal-body .form-control,.modal-body .form-select{font-size:16px}.login-story{padding:25px 28px}.login-form h2{font-size:31px}.page-footer{font-size:9px}.table td{padding:15px 18px}.detail-grid strong{overflow-wrap:anywhere}.account-chip .avatar{width:35px;height:35px}.collection-amount{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff}.panel,.stat-card{box-shadow:none}.welcome-banner{background:#fff;color:#14243c;box-shadow:none}.welcome-banner h2,.welcome-banner p{color:#14243c}}