html,body{background:var(--page-bg,#f5f7f5);color:var(--text-color,#243b38)}.panel,.stat-card,.topbar,.login-card,dialog,.invoice-card,.payment-card{background:var(--panel-bg,#fff);color:var(--text-color,#243b38);border-color:var(--border)}.primary,.primary:hover{background:var(--green);color:var(--accent-text,#fff)}.secondary,.table-button,.theme-card,.payment-tab{background:var(--panel-bg,#fff);color:var(--text-color,#243b38);border-color:var(--border)}.secondary:hover,.table-button:hover,.payment-tab.active{background:var(--panel-alt,#eff3ef);color:var(--green)}input,textarea,select{background:var(--panel-bg,#fff);color:var(--text-color,#243b38);border-color:var(--border)}input::placeholder,textarea::placeholder{color:var(--muted)}th,.table-bottom,.stat-icon,.avatar,.password-toggle{background:var(--panel-alt,#eff3ef);color:var(--text-color,#243b38)}td,th,.panel-header,.invoice-divider,.topbar,.portal-footer{border-color:var(--border)}tbody tr:hover{background:var(--panel-alt,#eff3ef)}.stat-heading,.breadcrumb,.person-sub,.field-note,.note,.secure-note,.muted{color:var(--muted)}.breadcrumb strong,.settings-form label,.form-grid label{color:var(--text-color,#243b38)}.sidebar{background:var(--dark);color:var(--sidebar-text,#edf5f1)}.sidebar .nav-item{color:var(--sidebar-text,#edf5f1)}.nav-item.active,.sidebar .nav-item:hover{background:var(--sidebar-active,#244a3d);color:#fff}.login-intro{background:var(--dark);color:var(--sidebar-text,#edf5f1)}.chart svg path:last-of-type{stroke:var(--green)}.branding-logo{display:block;max-width:190px;max-height:48px;width:auto;height:auto;object-fit:contain}.branding-logo[data-background=white]{background:#fff;padding:5px;border-radius:5px}.branding-logo[data-background=dark]{background:#111;padding:5px;border-radius:5px}.branding-preview{max-width:300px;max-height:120px;object-fit:contain}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:20px}.theme-card{border:1px solid var(--border);border-radius:9px;padding:10px;text-align:left;display:grid;gap:10px;font-size:12px}.theme-card.selected{outline:3px solid var(--green);outline-offset:1px}.theme-swatch{display:grid;grid-template-columns:25% 1fr;height:75px;border:1px solid;border-radius:5px;padding:7px;gap:6px}.theme-swatch>span{border-radius:3px}.theme-swatch>span:last-child{padding:10px;display:grid;gap:5px}.theme-swatch i{display:block;height:6px;border-radius:2px}.theme-swatch i:first-child{width:45%}html[data-theme=dark] .notice{background:var(--panel-alt);color:var(--text-color);border-color:var(--border)}html[data-theme=dark] .red{color:#ffaca1}html[data-theme=dark] .error-text{color:#ffaca1}@media(min-width:701px){.sidebar nav{gap:2px}.sidebar .nav-item{font-size:12px;padding:6px 10px}}
.ui-icon{width:21px;height:21px;display:block;flex:none}.sidebar{background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--green) 38%,transparent),transparent 55%),var(--dark);box-shadow:8px 0 32px #0000000a}.sidebar-caption{font-weight:700;opacity:.85}.sidebar .nav-item{position:relative;gap:10px;transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar .nav-item>.nav-icon{width:23px;display:flex;align-items:center;justify-content:center;opacity:.8}.sidebar .nav-item>.nav-label{width:auto;flex:1;font-size:12px;line-height:1.35}.sidebar .nav-item.active{background:linear-gradient(100deg,color-mix(in srgb,var(--green) 24%,var(--dark)),color-mix(in srgb,var(--green) 9%,var(--dark)));box-shadow:inset 3px 0 var(--green),0 4px 14px #00000012}.nav-item.active>.nav-icon{color:#fff;opacity:1}.sidebar .nav-item:hover{transform:translateX(2px)}.sidebar .wordmark{padding:4px 8px}.topbar{background:linear-gradient(105deg,var(--panel-bg),color-mix(in srgb,var(--green) 5%,var(--panel-bg)));box-shadow:0 3px 20px #00000003}.topbar-right .button{border-radius:10px;gap:8px}.notification-count{min-width:18px;height:18px;border-radius:5px;background:color-mix(in srgb,var(--green) 12%,var(--panel-bg));color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:700}.content{background:radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--green) 5%,transparent),transparent 45%)}.page-header .eyebrow{display:inline-flex;background:color-mix(in srgb,var(--green) 8%,var(--panel-bg));border:1px solid color-mix(in srgb,var(--green) 18%,var(--border));border-radius:20px;padding:6px 10px;letter-spacing:1.1px}.page-header h1{letter-spacing:-1px;font-weight:750}.panel,.stat-card{border-radius:14px;box-shadow:0 5px 18px #00000004,0 1px 2px #00000003}.stat-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--panel-bg) 55%,color-mix(in srgb,var(--green) 11%,var(--panel-bg)));transition:transform .2s ease,box-shadow .2s ease}.stat-card:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--green);opacity:.7}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000b}.stat-icon{height:36px;width:36px;border-radius:11px;background:color-mix(in srgb,var(--green) 10%,var(--panel-bg));color:var(--green);display:grid;place-items:center}.stat-heading{font-weight:600}.stat-value{font-weight:750;letter-spacing:-1px}.stat-foot{color:var(--muted)}.panel-header{background:linear-gradient(110deg,color-mix(in srgb,var(--green) 5%,var(--panel-bg)),var(--panel-bg));border-radius:14px 14px 0 0}.person-avatar{background:color-mix(in srgb,var(--green) 10%,var(--panel-bg));color:var(--green);font-weight:700}.button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease;border-radius:9px}.button.primary{box-shadow:0 4px 12px color-mix(in srgb,var(--green) 22%,transparent)}.button:hover:not(:disabled){transform:translateY(-1px)}.theme-card{transition:transform .18s ease,box-shadow .18s ease}.theme-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000000a}.theme-card.selected{box-shadow:0 5px 20px color-mix(in srgb,var(--green) 15%,transparent)}.theme-swatch{height:90px;box-shadow:inset 0 1px 4px #00000008}.branding-logo{max-width:185px}.login-intro{background:radial-gradient(ellipse at 90% 20%,color-mix(in srgb,var(--green) 30%,transparent),transparent 65%),var(--dark)}.login-card{box-shadow:0 15px 70px #00000005}.portal-brand{padding-bottom:8px}.invoice-amount{color:var(--green)}.invoice-card,.payment-card{box-shadow:0 10px 35px #00000007}@media(max-width:700px){.sidebar .nav-item>.nav-label{font-size:11px}.sidebar .nav-item>.nav-icon{display:flex;width:18px}.sidebar .nav-item>.nav-icon .ui-icon{width:17px;height:17px}.sidebar nav{padding-bottom:3px}.stat-icon{width:30px;height:30px}.stat-icon .ui-icon{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.sidebar .nav-item,.stat-card,.button,.theme-card{transition:none}.sidebar .nav-item:hover,.stat-card:hover,.button:hover:not(:disabled),.theme-card:hover{transform:none}}
.image-background-preview{background:var(--page-bg);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:14px;padding:28px;min-height:220px;display:grid;place-items:center;border:1px solid var(--border)}.image-preview-card{background:var(--panel-bg);color:var(--text-color);border-radius:12px;padding:24px;box-shadow:0 8px 30px #0002;max-width:100%;text-align:center}.custom-login-image h1,.custom-login-image p,.custom-login-image small{color:#fff!important}.custom-login-image .login-orbit{display:none}