:root{--ink:#1b2b45;--muted:#75839a;--accent:#2563eb;--line:#e7ecf3;--canvas:#f4f7fb;--nav:#13233e;--sidebar-width:272px;--bs-primary:#2563eb;--bs-primary-rgb:37,99,235;--bs-body-color:#1b2b45;--bs-body-font-family:"Segoe UI",Arial,sans-serif;--bs-border-color:#e7ecf3}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--bs-body-font-family);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:#1d4ed8}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #78a7ff;outline-offset:3px}.skip-link{position:fixed;top:10px;left:10px;z-index:2000;padding:12px 20px;background:white;border-radius:8px}.app-shell{min-height:100vh}.workspace{min-width:0;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .2s}
/* Navigation */
.sidebar.offcanvas-lg{--bs-offcanvas-width:var(--sidebar-width);position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;display:flex;flex-direction:column;background:var(--nav)!important;color:#d5e1f5;border:0;z-index:1040;transition:transform .2s}.sidebar-brand-row{height:91px;display:flex;align-items:center;padding:22px;gap:6px;flex-shrink:0}.brand{display:flex;gap:11px;align-items:center;color:white!important;line-height:1.2}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:white;overflow:hidden}.brand-mark img{object-fit:contain}.brand-wordmark{font-size:17px;letter-spacing:-.5px;white-space:nowrap}.brand-wordmark strong{font-weight:720}.brand-wordmark small{display:block;font-size:8px;font-weight:600;letter-spacing:1.7px;color:#8ca3c5;margin-top:7px}.sidebar-close{color:white;padding:7px;margin-left:auto}.sidebar-company{display:flex;align-items:center;gap:10px;background:#ffffff07;border:1px solid #ffffff0c;border-radius:10px;padding:13px 11px;margin:0 16px 20px}.company-avatar{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;background:#ffffff0b;border-radius:8px;color:#a8c7ff;font-size:17px}.sidebar-company>div{min-width:0}.sidebar-company strong{display:block;font-size:11px;line-height:1.5;font-weight:600;color:#e5edfc}.sidebar-company small{display:block;font-size:9px;margin-top:3px;color:#91a3bf}.company-lock{margin-left:auto;font-size:10px;color:#7e96b9}.sidebar-search{display:flex;align-items:center;gap:9px;margin:0 18px 12px;padding:9px 11px;border:1px solid #ffffff13;border-radius:8px;color:#8398b9}.sidebar-search input{background:none;border:0;outline:0;box-shadow:none;color:white;width:100%;min-width:0;font-size:11px}.sidebar-search:focus-within{border-color:#759bdb}.sidebar-search input::placeholder{color:#8599b8}.sidebar-search kbd{background:#ffffff0a;color:#8fa3c1;font-size:10px;padding:0 4px}.sidebar-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding:0 12px 16px;scrollbar-width:thin;scrollbar-color:#354969 transparent}.nav-caption{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#7e96b8;margin:15px 13px 13px}.nav-tree{margin:0}.nav-entry{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#b9c8df;text-align:left;font-size:12px;line-height:1.45;padding:11px 13px;border-radius:7px;transition:background .15s,color .15s}.nav-entry>.bi{font-size:16px;flex-shrink:0;width:18px;color:#839bbb}.nav-entry>span{flex:1}.nav-entry:hover,.nav-entry:focus{background:#ffffff08;color:white}.nav-entry.active{background:#2861c8;color:white;font-weight:600}.nav-entry.active>.bi{color:#c8ddff}.nav-leaf{margin-bottom:8px}.nav-entry .active-dot{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#f8bd3b;margin-left:auto}.nav-toggle .nav-chevron{margin-left:auto;width:auto;font-size:10px;transition:transform .2s}.nav-toggle[aria-expanded=true] .nav-chevron{transform:rotate(90deg)}.nav-toggle.branch-active,.nav-toggle[aria-expanded=true]{color:#f2f6ff}.nav-branch{margin-bottom:3px}.nav-children{margin:3px 0 7px 21px;padding:0 0 0 13px;border-left:1px solid #ffffff16}.nav-children .nav-entry{position:relative;font-size:11px;padding:9px 10px;gap:9px;margin-bottom:2px}.nav-children .nav-entry>.bi{font-size:12px;width:14px}.nav-children .nav-entry.active{background:#2563eb21;color:#9bc1ff}.nav-children .nav-entry.active:before{position:absolute;content:"";height:5px;width:5px;border-radius:50%;background:#60a5fa;left:-16px;box-shadow:0 0 0 3px var(--nav)}.menu-empty{color:#a0b2cc;font-size:12px;padding:18px 12px}.sidebar-foot{padding:18px 21px;border-top:1px solid #ffffff0b;display:flex;align-items:center;gap:8px;flex-shrink:0}.status-dot{width:6px;height:6px;background:#4dd9ac;border-radius:50%;flex-shrink:0}.sidebar-foot strong{display:block;font-size:10px;font-weight:500;color:#c6d4e9}.sidebar-foot span:not(.status-dot){display:block;font-size:8px;color:#8aa0bf;margin-top:4px}.sidebar-foot>.bi{margin-left:auto;color:#728db2;font-size:17px}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed .workspace{margin-left:0}
/* Header */
.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 31px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1020;flex-shrink:0}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px;min-width:0}.topbar-left{flex:1}.topbar-context{min-width:0}.topbar-context>span{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#8795ab;display:block;margin-bottom:4px}.topbar-context strong{font-size:12px;font-weight:620;display:block;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;color:#65758e;background:transparent;border-radius:9px;font-size:19px;position:relative;flex-shrink:0}.icon-button:hover{background:#f1f5fb;color:var(--accent)}.topbar-divider{height:28px;width:1px;background:var(--line)}.workspace-clock{display:flex;align-items:center;gap:10px;color:#8a9ab0;white-space:nowrap}.workspace-clock>.bi{font-size:18px}.workspace-clock time{font-size:12px;font-weight:650;display:block;font-variant-numeric:tabular-nums;color:#4c5d78;min-width:102px}.workspace-clock #workspace-date{display:block;font-size:9px;margin-top:3px}.alert-counter{position:absolute;top:1px;right:0;min-width:15px;height:15px;line-height:15px;background:#e75f58;color:white;font-size:8px;font-weight:700;border-radius:6px;padding:0 3px;box-shadow:0 0 0 2px white}.user-menu-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:6px 0 6px 5px;border-radius:8px;text-align:left;max-width:290px}.user-avatar{display:grid;place-items:center;border-radius:11px;background:#eaf0ff;color:#315cc8;width:37px;height:37px;font-weight:700;font-size:15px;flex-shrink:0}.user-summary{min-width:0}.user-summary strong{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;color:#263b5b}.user-summary small{display:block;font-size:9px;color:#8a97ac;margin-top:4px}.user-menu-button>.bi{color:#8b9ab1;font-size:10px;margin-left:3px}.dropdown-menu{border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 42px #152d5018;padding:8px;z-index:1080}.dropdown-item{border-radius:6px;padding:10px 12px;font-size:12px;color:#53647f;display:flex;align-items:center;gap:10px}.dropdown-item:active{background:var(--accent)}.user-dropdown-menu{width:272px}.user-dropdown-heading{padding:12px 12px 15px;display:flex;flex-direction:column;gap:4px}.user-dropdown-heading strong{font-size:10px;color:var(--muted);font-weight:500}.user-dropdown-heading span{font-size:12px;font-weight:600;overflow-wrap:anywhere}.user-dropdown-heading small{font-size:10px;color:#8d9bb0}.logout-button{color:#ca5258}.alerts-menu{width:370px;max-width:calc(100vw - 24px);padding:0;overflow:hidden}.dropdown-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 19px;border-bottom:1px solid var(--line)}.dropdown-panel-heading strong{font-size:13px;display:block}.dropdown-panel-heading div>span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.soft-badge{font-size:10px;padding:4px 8px;background:#edf3ff;color:var(--accent);border-radius:6px;font-weight:650}.workspace-notification{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid #eef2f7;color:var(--ink)}.workspace-notification:hover{background:#f8faff}.notification-icon{width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#fff5df;color:#bf8208;font-size:16px}.notification-icon.info{background:#eaf1ff;color:#3d74dd}.workspace-notification>span:nth-child(2){flex:1;min-width:0}.workspace-notification strong{display:block;font-size:11px;font-weight:600}.workspace-notification strong b{font-size:9px;color:var(--accent);background:#edf3ff;border-radius:4px;padding:2px 5px}.workspace-notification small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.workspace-notification>.bi{font-size:10px;color:#9ca9bc}.notification-footer{text-align:center;font-size:9px;color:#95a2b6;padding:12px;background:#fafbfd}.notification-empty{padding:28px 18px;text-align:center}.notification-empty-icon{display:grid;place-items:center;background:#e8f7f0;color:#2c9b73;border-radius:50%;width:40px;height:40px;margin:0 auto 11px;font-size:22px}.notification-empty strong{font-size:12px}.notification-empty p{font-size:10px;color:var(--muted);margin:6px 0 0}
/* Shared workspace */
.content{width:100%;padding:23px 31px 35px;max-width:1800px;margin:0 auto;flex:1;outline:none}.page-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.breadcrumb{font-size:10px;--bs-breadcrumb-divider:'›';--bs-breadcrumb-divider-color:#b1bccb;margin:0;gap:4px}.breadcrumb-item a{color:#8697ae}.breadcrumb-item.active{color:#4f6484}.workspace-currency{font-size:9px;color:#9aa6b8}h1{font-size:27px;font-weight:720;letter-spacing:-.8px;line-height:1.25;margin:0 0 9px;color:#1c2d48}h2{font-size:16px;font-weight:650;letter-spacing:-.25px}h3{font-size:14px;font-weight:650}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#7285a0;font-weight:650;margin-bottom:9px}.subtitle{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:25px;max-width:880px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading .subtitle{margin:0}.page-heading .eyebrow{color:var(--accent)}.page-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #dfe8fb;background:#edf3ff;color:var(--accent);border-radius:13px;flex-shrink:0;font-size:21px}.page-title-group{display:flex;align-items:center;gap:14px}.page-title-group h1{font-size:26px;margin-bottom:5px}.page-title-group .subtitle{margin:0}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;margin-bottom:23px;box-shadow:0 2px 5px #182f5002}.panel table{margin-bottom:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.panel-heading h2{margin:0 0 5px}.panel-heading p{color:var(--muted);font-size:10px;margin:0}.panel-heading>a{font-size:10px;font-weight:600}.table{font-size:12px;vertical-align:middle;--bs-table-color:#4e607c;--bs-table-border-color:#eef1f6}.table th{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#8998af;font-weight:650;background:#f8fafd;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:15px 13px;line-height:1.5;border-color:#eef2f7}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{--bs-table-bg:#fafcff}.table strong{color:#304460;font-weight:620}.table-responsive{overflow-x:auto;scrollbar-width:thin}.btn{font-size:11px;border-radius:7px;padding:10px 15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.45}.btn-primary{--bs-btn-bg:#2563eb;--bs-btn-border-color:#2563eb;--bs-btn-hover-bg:#1d4ed8;--bs-btn-hover-border-color:#1d4ed8;box-shadow:0 3px 8px #2563eb14}.btn-outline-secondary{--bs-btn-color:#637591;--bs-btn-border-color:#dce4f0;--bs-btn-hover-bg:#f1f5fb;--bs-btn-hover-color:#2d4770;--bs-btn-hover-border-color:#b9cce8}.btn-sm{font-size:10px;padding:7px 10px}.btn .bi{font-size:13px}.form-control,.form-select{font-size:12px;min-height:42px;border-color:#dfe6f0;border-radius:7px;color:#354c6f;background-color:#fff}.form-control:focus,.form-select:focus{border-color:#80aaff;box-shadow:0 0 0 3px #2563eb10}.form-label{font-size:11px;font-weight:600;color:#526681;margin:14px 0 8px}textarea.form-control{line-height:1.7}.form-card{max-width:740px}.form-card .btn{margin-top:18px}.form-control::placeholder{color:#a1aec1}.input-group-text{background:#f9fbff;border-color:#dfe6f0;color:#92a2ba;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:23px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.metric strong{display:block;font-size:30px;font-weight:700;letter-spacing:-1px;line-height:1.3;margin:15px 0}.metric span{font-size:10px;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;background:#e9f8f1;color:#229367;font-size:9px;border-radius:5px;font-weight:650;white-space:nowrap}.tag-muted{background:#eff3f8;color:#7586a0}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.number{text-align:right;font-variant-numeric:tabular-nums}.workspace-footer{padding:18px 31px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#9aa7ba;font-size:9px;background:#fff8}.workspace-footer strong{font-weight:550;color:#7a8ba6}.workspace-footer .bi{margin-right:4px}.feedback-alert{display:flex;align-items:center;gap:11px;font-size:12px;border-radius:10px;border:1px solid transparent;padding:15px 42px 15px 17px}.feedback-alert>.bi{font-size:17px}.feedback-alert.alert-success{background:#eaf8f1;color:#28795b;border-color:#d5eddf}.feedback-alert.alert-danger{background:#fff1f2;color:#b84957;border-color:#f6dce0}.feedback-alert .btn-close{padding:19px;font-size:10px}.validation-summary-errors,.field-validation-error{color:#c3495a;font-size:12px}.validation-summary-errors ul{padding-left:18px}.validation-summary-valid{display:none}code{color:#4c6fa5;overflow-wrap:anywhere;font-size:.9em}.report-total{font-weight:700}.empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:12px}.empty>.bi{display:block;font-size:30px;color:#a4b6d1;margin-bottom:12px}
/* Dashboard */
.dashboard-heading{margin-bottom:24px}.dashboard-heading h1{font-size:27px}.dashboard-company{font-size:12px;color:var(--muted);margin:0}.period-pill{border:1px solid #dfe6f0;border-radius:8px;display:flex;align-items:center;gap:9px;padding:10px 13px;background:white;color:#637592;font-size:10px;white-space:nowrap}.period-pill>.bi{color:#8c9fbc;font-size:14px}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.kpi-card{padding:20px 18px 15px;position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-label{font-size:10px!important;font-weight:550;color:#75859e!important}.kpi-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#eaf1ff;color:#4a7cdb!important;font-size:16px!important}.kpi-icon.amber{background:#fff4dc;color:#d29a15!important}.kpi-icon.teal{background:#e8f7f3;color:#299d87!important}.kpi-icon.indigo{background:#eef0ff;color:#6575ce!important}.kpi-value{font-size:26px!important;margin:12px 0 5px!important;letter-spacing:-.9px!important;color:#243958;font-variant-numeric:tabular-nums}.kpi-card .currency{font-size:9px;letter-spacing:.8px;color:#a1afc0;display:block}.kpi-footer{display:flex;align-items:center;gap:5px;font-size:9px;padding-top:14px;margin-top:13px;border-top:1px solid #f0f3f8;color:#91a0b5}.kpi-footer .bi{margin-left:auto;font-size:12px}.kpi-footer .overdue{color:#c8952a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px}.dashboard-grid>.panel{min-width:0}.sales-overview-values{display:flex;align-items:center;gap:35px;margin:8px 0 25px}.sales-overview-values small{display:block;font-size:10px;color:#8b9ab0}.sales-overview-values strong{font-size:23px;font-weight:700;letter-spacing:-.7px;display:block;margin-top:5px}.sales-overview-values .profit strong{color:#289b80}.chart-shell{height:175px;position:relative;margin-top:20px}.chart-gridline{position:absolute;left:0;right:0;border-top:1px dashed #e9eef5}.chart-gridline:nth-child(1){top:0}.chart-gridline:nth-child(2){top:33%}.chart-gridline:nth-child(3){top:66%}.chart-gridline:nth-child(4){top:100%}.sales-chart{height:100%;width:100%;overflow:visible;position:relative}.chart-bar{fill:#699bf0;transition:fill .15s}.chart-bar:hover{fill:#2563eb}.chart-bar.current{fill:#2563eb}.chart-label{fill:#98a6ba;font-size:10px;font-family:inherit}.chart-negative{fill:#e7a44b}.chart-caption{font-size:9px;color:#9ba7b9;margin:17px 0 0}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-action{padding:16px 10px;border:1px solid #e9eef5;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px;font-size:10px;color:#627592;font-weight:550;min-height:88px;transition:background .15s,border .15s}.quick-action:hover{background:#f4f8ff;border-color:#cfdef7;color:#2563eb}.quick-action .bi{font-size:21px;color:#7299db}.quick-action:nth-child(2) .bi{color:#dba645}.quick-action:nth-child(3) .bi{color:#50a38f}.quick-action:nth-child(4) .bi{color:#8a92c9}.dashboard-stat-strip{display:flex;border:1px solid var(--line);border-radius:12px;background:white;padding:20px 8px;margin-bottom:23px}.dashboard-stat-strip>div{flex:1;display:flex;align-items:center;gap:12px;padding:0 18px;border-right:1px solid var(--line)}.dashboard-stat-strip>div:last-child{border:0}.dashboard-stat-strip>.stat-item>.bi{color:#8ba5c9;font-size:22px}.dashboard-stat-strip strong{display:block;font-size:18px;font-weight:650;line-height:1.25}.dashboard-stat-strip span{font-size:9px;color:#8c9cb2}.activity-list{list-style:none;margin:0;padding:0}.activity-item{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f0f3f7}.activity-item:last-child{border:0;padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-icon{background:#edf3fc;color:#6c92ca;border-radius:9px;display:grid;place-items:center;width:33px;height:33px;flex-shrink:0}.activity-item strong{font-size:11px;font-weight:550;display:block;line-height:1.6}.activity-item p{font-size:10px;color:#91a0b4;margin:3px 0 0;overflow-wrap:anywhere}.activity-item time{font-size:9px;color:#a2aec0;white-space:nowrap;margin-left:auto;padding-top:3px}.workspace-note{background:#f8faff;border:1px solid #e6edf9;padding:18px;border-radius:10px;display:flex;gap:13px;margin-top:19px}.workspace-note>.bi{font-size:22px;color:#80a0d1}.workspace-note strong{font-size:11px;display:block}.workspace-note p{font-size:10px;line-height:1.8;color:#8a9cb6;margin:5px 0 0}
/* Sign in */
.public-shell .workspace{margin-left:0}.public-shell .topbar{padding:0 max(32px,calc((100vw - 1140px)/2));height:76px}.public-brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.6px;color:#293d5a;white-space:nowrap}.public-brand strong{font-weight:720}.public-brand img{border-radius:9px}.secure-access{font-size:10px;color:#8a9bb0;display:flex;align-items:center;gap:7px}.secure-access .bi{font-size:14px;color:#69a28b}.public-shell .content{max-width:1200px;padding:42px 30px}.public-shell .workspace-footer{padding-left:max(32px,calc((100vw - 1140px)/2));padding-right:max(32px,calc((100vw - 1140px)/2))}.login-layout{display:grid;grid-template-columns:1.08fr 1fr;min-height:540px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #213d5b05;margin:0 0 27px}.login-story{background:#142743;color:#e0e9f8;padding:46px 45px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.login-story:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid #ffffff09;right:-180px;bottom:-150px;box-shadow:0 0 0 45px #ffffff02,0 0 0 100px #ffffff01;pointer-events:none}.login-story-brand{display:flex;align-items:center;gap:13px;margin-bottom:41px;position:relative}.login-story-brand img{width:58px;height:58px;object-fit:contain;border-radius:13px;background:white}.login-story-brand span{font-size:22px;color:white;letter-spacing:-.6px}.login-story-brand strong{font-weight:720}.login-story-brand small{display:block;font-size:8px;color:#91a9cd;letter-spacing:2px;margin-top:5px}.login-story h2{font-size:37px;letter-spacing:-1.2px;line-height:1.26;color:#fff;font-weight:700;max-width:350px}.login-story h2 span{color:#f0b638}.login-story>p{font-size:12px;color:#97adcc;line-height:1.9;margin:14px 0 28px;max-width:340px}.login-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:17px}.login-benefits li{display:flex;align-items:center;gap:13px}.benefit-icon{display:grid;place-items:center;border-radius:9px;flex-shrink:0;width:34px;height:34px;font-size:16px;background:#ffffff08;color:#8ab2ed;border:1px solid #ffffff09}.login-benefits strong{display:block;font-size:11px;font-weight:550;color:#d7e3f7}.login-benefits small{display:block;font-size:10px;color:#8099be;line-height:1.6;margin-top:3px}.login-story-foot{margin-top:35px;padding-top:20px;border-top:1px solid #ffffff0c;font-size:9px;color:#7f98bc;display:flex;align-items:center;gap:7px}.auth-panel{padding:55px 48px;border:0;box-shadow:none;border-radius:0;margin:0;max-width:none;display:flex;flex-direction:column;justify-content:center;background:#fff}.auth-panel .eyebrow{color:var(--accent)}.auth-panel h1{font-size:26px;letter-spacing:-.8px}.auth-panel .subtitle{font-size:12px;margin-bottom:18px;line-height:1.8}.auth-panel .form-label{font-size:11px;margin-top:17px}.auth-panel .input-group .form-control{height:45px;border-left:0}.auth-panel .input-group-text{background:white;border-right:0;padding-left:14px}.auth-panel .input-group:focus-within{border-radius:7px;box-shadow:0 0 0 3px #2563eb10}.auth-panel .form-control:focus{box-shadow:none;border-color:#dfe6f0}.auth-panel .password-toggle{border:1px solid #dfe6f0;border-left:0;background:white;min-width:40px;color:#94a3b9;border-radius:0 7px 7px 0;font-size:14px}.auth-panel .password-input{border-right:0}.auth-panel .sign-in-button{height:45px;width:100%;margin-top:25px;font-size:12px;justify-content:center}.auth-panel .sign-in-button>.bi{margin-left:auto}.auth-panel .sign-in-button>span{margin-left:auto}.auth-help{color:#94a2b7;font-size:10px;line-height:1.8;margin:24px 0 0;padding-top:20px;border-top:1px solid #edf1f7}.auth-security{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#a0adc0;margin-top:23px}.demo-panel{border-style:dashed;background:#fdfefe;padding:22px 24px}.demo-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px}.demo-panel .eyebrow{color:#c49329;font-size:8px}.demo-panel h2{font-size:16px;margin-bottom:7px}.demo-panel p{font-size:10px;line-height:1.8;color:#8d9db4;margin-bottom:15px;max-width:740px}.demo-password{font-size:10px;white-space:nowrap;color:#7b8ca5;display:flex;align-items:center;gap:7px;background:#f2f6fd;border:1px solid #e5edf8;padding:9px 12px;border-radius:7px}.demo-password code{font-size:11px;font-weight:650}.demo-panel .table th{font-size:8px;padding:10px}.demo-panel .table td{padding:10px;font-size:10px}.demo-panel .table code{font-size:10px}.demo-panel .btn-sm{font-size:9px;padding:5px 8px}
/* Operation forms */
.operation-form-heading{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf1f7;padding-bottom:16px;margin-bottom:9px;color:#526884;font-size:12px;font-weight:600}.operation-form-heading .bi{color:#7798cd;font-size:17px}.operation-line-heading{margin:26px 0 13px;font-size:12px;display:flex;align-items:center;gap:8px;color:#607795}.work-line{margin:0 0 12px;padding:6px 6px 17px!important;border:1px solid #e6edf7!important;border-radius:10px;background:#fafcff}.work-line .form-label{font-size:10px}.remove-work-line{font-size:9px;padding:6px 9px;margin-top:10px}.operation-form-footer{margin-top:22px;padding-top:18px;border-top:1px solid #edf1f7;display:flex;align-items:center;gap:17px;justify-content:space-between;flex-wrap:wrap}.operation-form-footer p{margin:0;color:#94a3b8;font-size:9px}.operation-form-footer .btn{margin-top:0!important}.records-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;gap:15px}.records-heading h2{margin:0;font-size:14px}.records-heading span{font-size:9px;color:#98a6ba}.empty-table-cell{text-align:center;padding:38px!important;color:#9aaac0!important}.operation-description{max-width:950px}
@media(min-width:992px){.sidebar.offcanvas-lg{visibility:visible!important}.sidebar.offcanvas-lg:not(.show){transform:none}.sidebar-collapsed .sidebar.offcanvas-lg:not(.show){transform:translateX(-100%)}}
@media(min-width:1600px){.content{padding-left:42px;padding-right:42px}.topbar{padding-left:42px;padding-right:42px}.kpi-value{font-size:30px!important}}
@media(max-width:1199px){:root{--sidebar-width:250px}.topbar{padding:0 24px}.topbar-left,.topbar-right{gap:12px}.topbar-context strong{max-width:200px}.user-summary strong{max-width:145px}.content{padding:22px 24px}.workspace-clock>.bi{display:none}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.kpi-value{font-size:28px!important}.nav-entry{font-size:11px}.nav-children .nav-entry{font-size:10px}.brand-wordmark{font-size:16px}.sidebar-brand-row{padding:20px}.login-story{padding:37px}.auth-panel{padding:40px 37px}}
@media(max-width:991px){.workspace{margin-left:0!important}.sidebar.offcanvas-lg{--sidebar-width:280px;z-index:1050}.topbar-context strong{max-width:260px}.topbar{height:72px}.topbar-right{gap:14px}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar.show{transform:none}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr)}.user-summary strong{max-width:185px}.login-story{padding:35px}.login-story h2{font-size:32px}.auth-panel{padding:35px}.public-shell .topbar{padding:0 28px}.public-shell .content{padding:30px 25px}.public-shell .workspace-footer{padding:18px 28px}.login-layout{min-height:520px}.secure-access{display:none}}
@media(max-width:767px){.topbar{padding:0 18px;gap:10px}.topbar-left,.topbar-right{gap:9px}.topbar-context strong{max-width:200px;font-size:11px}.topbar-context>span{font-size:7px}.user-summary,.user-menu-button>.bi,.topbar-divider{display:none}.user-menu-button{padding:0}.workspace-clock time{font-size:10px;min-width:90px}.workspace-clock #workspace-date{font-size:8px}.content{padding:21px 18px}.page-breadcrumb{margin-bottom:22px}.workspace-currency{display:none}.dashboard-heading h1{font-size:23px}.dashboard-heading .period-pill{padding:8px 10px;font-size:9px}.page-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}.page-title-group h1{font-size:23px}.page-icon{width:40px;height:40px;font-size:18px}.dashboard-grid{grid-template-columns:1fr}.dashboard-kpis{gap:12px}.kpi-card{padding:16px}.kpi-value{font-size:24px!important}.kpi-label{font-size:9px!important}.kpi-icon{width:29px;height:29px;font-size:14px!important}.kpi-footer{font-size:8px}.metrics{gap:12px}.metric{padding:16px}.metric strong{font-size:25px}.metric span{font-size:8px}.panel{padding:19px;margin-bottom:18px}.subtitle{font-size:11px;line-height:1.8}.workspace-footer{padding:17px 18px;font-size:8px}.dashboard-stat-strip{padding:17px 5px}.dashboard-stat-strip>div{padding:0 12px;gap:9px}.dashboard-stat-strip>.stat-item>.bi{font-size:19px}.dashboard-stat-strip strong{font-size:16px}.dashboard-stat-strip span{font-size:8px}.login-layout{grid-template-columns:1fr;min-height:0;max-width:540px;margin:0 auto 23px}.login-story{padding:28px 30px}.login-story-brand{margin-bottom:20px}.login-story-brand img{height:42px;width:42px;border-radius:10px}.login-story-brand span{font-size:19px}.login-story h2{font-size:27px;max-width:100%}.login-story>p{max-width:100%;font-size:11px;margin-bottom:0}.login-benefits,.login-story-foot{display:none}.auth-panel{padding:32px 30px}.public-shell .content{padding:25px 18px}.public-shell .topbar{padding:0 20px;height:69px}.public-brand{font-size:17px;gap:8px}.public-brand img{width:30px;height:30px}.public-shell .topbar .workspace-clock{display:none}.public-shell .workspace-footer{padding:16px 20px}.demo-panel-header{flex-direction:column;gap:9px}.demo-password{margin-bottom:10px;font-size:9px}.demo-panel .table th:nth-child(3),.demo-panel .table td:nth-child(3){display:none}.demo-panel .table td{font-size:9px}.demo-panel .table code{font-size:9px}.demo-panel .btn-sm{font-size:8px;white-space:nowrap}.demo-panel{padding:18px 14px}.operation-form-footer{justify-content:flex-start}.records-heading{align-items:flex-start;flex-direction:column;gap:6px}.records-heading span{font-size:8px}.operation-description{margin-top:8px}}
@media(max-width:420px){.topbar-context strong{max-width:140px;font-size:10px}.workspace-clock{display:none}.topbar-right{gap:12px}.kpi-value{font-size:21px!important}.kpi-label{font-size:8px!important}.kpi-footer{font-size:8px;min-height:29px;flex-wrap:wrap}.period-pill{display:none}.kpi-icon{height:26px;width:26px;font-size:13px!important}.metrics:not(.dashboard-kpis){grid-template-columns:1fr}.dashboard-stat-strip>div{padding:0 8px;gap:6px}.dashboard-stat-strip>.stat-item>.bi{font-size:16px}.dashboard-stat-strip span{font-size:7px}.workspace-footer{align-items:flex-start}.workspace-footer>span:last-child{max-width:130px;text-align:right}.login-story,.auth-panel{padding:26px 23px}.demo-panel .table td:first-child{max-width:85px}.demo-panel .table td{padding:10px 6px}.demo-panel .table code{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sidebar,.topbar,.workspace-footer,.page-breadcrumb,.no-print,.btn,.content>form{display:none!important}.workspace{margin:0!important}.content{padding:0;max-width:none}.panel{box-shadow:none;border:none;padding:0;overflow:visible}.app-shell{display:block}body{background:white;font-size:12px}.table-responsive{overflow:visible}.page-heading{margin-top:0}h1{font-size:24px}.metrics{gap:12px}.metric{break-inside:avoid}.feedback-alert{display:none}.public-shell .login-story{display:none}}
.page-heading-icon{font-size:.8em;color:#7196d4;margin-right:11px;vertical-align:1px}.report-total td{background:#f4f8ff;font-weight:650;color:#38577f}
/* Readable labels and secondary text on dense financial screens. */
.subtitle,.dashboard-company{color:#677b96}.nav-entry{font-size:13px}.nav-children .nav-entry{font-size:12px}.form-control,.form-select{font-size:13px}.form-label{font-size:12px}.table{font-size:13px}.table th{font-size:10px;color:#6f8099}.btn{font-size:12px}.btn-sm{font-size:11px}.kpi-label{font-size:11px!important}.kpi-footer{font-size:10px;color:#71829b}.kpi-card .currency{color:#7c8da6}.panel-heading p{font-size:11px;color:#7c8da6}.quick-action{font-size:11px}.chart-caption{font-size:10px;color:#7d8da5}.activity-item strong{font-size:12px}.activity-item p{font-size:11px;color:#7d8da5}.activity-item time{color:#7b8da7}.auth-help{font-size:11px;color:#7d8da6}.login-benefits strong{font-size:12px}.login-benefits small{font-size:11px}.workspace-clock #workspace-date{color:#778aa4}.user-summary strong{font-size:12px}.user-summary small{font-size:10px}.records-heading span{color:#778ba7}.operation-form-footer p{font-size:10px;color:#7d8fa8}
@media(max-width:1199px){.nav-entry{font-size:12px}.nav-children .nav-entry{font-size:11px}}
@media(max-width:767px){.kpi-label{font-size:10px!important}.kpi-footer{font-size:9px}.chart-caption{font-size:10px}.demo-panel .table{font-size:10px}}
@media(max-width:420px){.kpi-label{font-size:9px!important}.kpi-footer{font-size:9px}.activity-item p{font-size:10px}}
@media(max-width:767px){.chart-label{font-size:18px}.chart-shell{height:145px}}