.sg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#0d1b2a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:sg-fade .18s ease-out both}@keyframes sg-fade{0%{opacity:0}to{opacity:1}}.sg-card{width:100%;max-width:400px;background:var(--surface, #fff);border-radius:20px;padding:32px 30px 24px;box-shadow:0 24px 70px #0000004d;text-align:center;animation:sg-rise .26s cubic-bezier(.21,1.02,.73,1) both}@keyframes sg-rise{0%{transform:translateY(12px) scale(.985);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.sg-overlay,.sg-card{animation:none}}.sg-icon{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:var(--surface-2, #f1f5f9);color:var(--primary, #0D1B2A);display:flex;align-items:center;justify-content:center}.sg-icon svg{width:23px;height:23px}.sg-title{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--text, #0f172a)}.sg-lead{margin:0 0 20px;font-size:13.5px;line-height:1.55;color:var(--text-muted, #64748b)}.sg-who{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:16px;border:1px solid var(--border, #e2e8f0);border-radius:12px;text-align:start}.sg-who-text{min-width:0}.sg-who-name{font-size:13px;font-weight:600;color:var(--text, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-who-mail{font-size:11.5px;color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-form{text-align:start}.sg-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-muted, #64748b)}.sg-input-wrap{position:relative}.sg-input-wrap input{width:100%;padding:11px 42px 11px 13px;border:1px solid var(--border, #e2e8f0);border-radius:11px;font-size:14px;background:var(--surface, #fff);color:var(--text, #0f172a)}[dir=rtl] .sg-input-wrap input{padding:11px 13px 11px 42px}.sg-input-wrap input:focus{outline:none;border-color:var(--primary, #0D1B2A);box-shadow:0 0 0 3px #0d1b2a14}.sg-eye{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:none;color:var(--text-muted, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center}.sg-eye svg{width:16px;height:16px}.sg-error{margin-top:9px;font-size:12.5px;color:var(--danger, #dc2626)}.sg-submit{width:100%;margin-top:16px;padding:12px;border:none;border-radius:11px;background:var(--primary, #0D1B2A);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.sg-submit:disabled{opacity:.55;cursor:default}.sg-submit:hover:not(:disabled){filter:brightness(1.12)}.sg-signout{margin-top:14px;border:none;background:none;font-size:12.5px;color:var(--text-muted, #94a3b8);cursor:pointer}.sg-signout:hover{text-decoration:underline}.notif-wrap{position:relative}.notif-badge{position:absolute;top:2px;inset-inline-end:2px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--danger, #e5484d);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--bg-card, #fff)}.notif-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:360px;max-width:calc(100vw - 24px);background:var(--bg-card, #fff);border:1px solid var(--border, #e7ebf3);border-radius:14px;box-shadow:0 12px 40px #0d1b2a29;z-index:200;overflow:hidden;animation:notif-pop .14s ease}@keyframes notif-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-soft, #eef1f6)}.notif-title{font-weight:700;font-size:14px;color:var(--text-primary)}.notif-markall{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--primary);padding:4px 6px;border-radius:6px}.notif-markall:hover{background:var(--hover-bg, #f3f5f9)}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--text-muted);font-size:13px}.notif-item{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:start;padding:13px 16px;background:none;border:none;cursor:pointer;border-bottom:1px solid var(--border-soft, #eef1f6);position:relative;transition:background .12s}.notif-item:hover{background:var(--hover-bg, #f6f8fb)}.notif-item.unread{background:color-mix(in srgb,var(--primary) 5%,transparent)}.notif-item:last-child{border-bottom:none}.notif-item-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg-soft, #f2f5fa);color:var(--primary)}.notif-item-icon svg{width:18px;height:18px}.notif-item-icon.type-payment{background:#16a34a1a;color:#16a34a}.notif-item-icon.type-warning{background:#f5a5241a;color:#d97706}.notif-item-icon.type-success{background:#16a34a1a;color:#16a34a}.notif-item-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.notif-item-title{font-size:13.5px;font-weight:600;color:var(--text-primary)}.notif-item-text{font-size:12.5px;color:var(--text-secondary, #64708a);line-height:1.45}.notif-item-time{font-size:11px;color:var(--text-muted);margin-top:2px}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:6px}.layout-root{display:flex;min-height:100vh;background:var(--bg-main)}.sidebar{width:var(--sidebar-width, 260px);min-height:100vh;background:var(--gradient-primary);display:flex;flex-direction:column;transition:width .25s ease;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:100;flex-shrink:0}.sidebar-collapsed .sidebar{width:76px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);min-height:var(--topbar-height, 70px)}.brand{display:flex;align-items:center;gap:8px;overflow:hidden}.brand-logo{height:44px;max-width:175px;object-fit:contain;object-position:left}[dir=rtl] .brand-logo{object-position:right}.brand-icon{height:38px;width:38px;object-fit:contain;flex-shrink:0}.sidebar-collapsed .sidebar-header{flex-direction:column;justify-content:center;gap:10px;padding:14px 8px}.sidebar-collapsed .brand{overflow:visible}.brand-name{font-size:22px;font-weight:800;color:#fff;white-space:nowrap;letter-spacing:.5px}.collapse-btn{background:#ffffff1a;border:none;cursor:pointer;color:#fff;padding:6px;border-radius:8px;display:flex;align-items:center;transition:background .15s}.collapse-btn:hover{background:#fff3}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-section{margin-bottom:4px}.nav-section-title{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffff80;padding:15px 18px 8px;display:block}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#ffffffb3;text-decoration:none;font-size:13.5px;font-weight:500;border-radius:10px;margin:1px 10px;transition:all .15s;cursor:pointer;background:none;border:none;width:calc(100% - 20px);text-align:start;position:relative}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff1f;color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;inset-inline-start:-10px;top:25%;bottom:25%;width:3px;background:#d4af37;border-radius:0 3px 3px 0}.nav-icon{width:18px;height:18px;flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden}.sidebar-collapsed .nav-item{justify-content:center;margin:2px 12px;padding:11px;width:calc(100% - 24px)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:10px 0}.lang-btn,.logout-btn{color:#ffffffbf}.logout-btn:hover{color:#fff;background:#d4af3759}.layout-main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);background:var(--bg-card);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-soft);box-shadow:0 1px 10px #00000008}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-title h1{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.mobile-menu-btn{display:none;background:#f8f9fa;border:none;cursor:pointer;color:var(--text-secondary);width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center}.topbar-right{display:flex;align-items:center;gap:14px}.lang-switch{display:inline-flex;background:#f1f4f8;border:1px solid var(--border-soft);border-radius:10px;padding:3px;gap:2px}.lang-opt{border:none;background:none;cursor:pointer;padding:5px 12px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-muted);transition:all .15s;min-width:38px}.lang-opt:hover{color:var(--primary)}.lang-opt.active{background:var(--bg-card);color:var(--primary);box-shadow:0 1px 4px #00000014}.topbar-icon-btn{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-soft);background:#f8fafc;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.topbar-icon-btn:hover{background:var(--primary-light);color:var(--primary);border-color:transparent}.topbar-icon-btn svg{width:20px;height:20px}.notif-dot{position:absolute;top:9px;inset-inline-end:10px;width:7px;height:7px;border-radius:50%;background:var(--secondary);border:2px solid var(--bg-card)}.topbar-divider{width:1px;height:30px;background:var(--border)}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:12px;transition:background .15s}.user-trigger:hover{background:var(--hover-bg)}.user-info{text-align:end}.user-name{display:block;font-size:13.5px;font-weight:600;color:var(--text-primary)}.user-role{display:block;font-size:11px;color:var(--text-muted);text-transform:capitalize}.user-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover}.user-avatar--initials{background:var(--gradient-primary);color:#fff}.user-avatar-placeholder{width:42px;height:42px;border-radius:12px;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:transform .2s}.user-avatar-placeholder.lg{width:48px;height:48px;font-size:19px;border-radius:14px}.user-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.user-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:260px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-lg);z-index:61;padding:8px;overflow:hidden}.user-dropdown-head{display:flex;align-items:center;gap:12px;padding:10px 12px 14px;margin-bottom:6px;border-bottom:1px solid var(--border-soft)}.ud-name{font-size:14px;font-weight:600;color:var(--text-primary)}.ud-email{font-size:12px;color:var(--text-muted);word-break:break-all}.user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:9px;background:none;border:none;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background .15s}.user-dropdown-item:hover{background:var(--hover-bg);text-decoration:none}.user-dropdown-item.danger{color:var(--danger)}.user-dropdown-item.danger:hover{background:#fef2f2}.ud-icon{width:18px;height:18px}.page-content{flex:1;padding:28px;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.page-subtitle{font-size:13.5px;color:var(--text-muted);margin-top:2px}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}@media (max-width: 768px){.sidebar{position:fixed;top:0;inset-inline-start:0;height:100vh;transform:translate(-100%);transition:transform .25s ease}.rtl .sidebar{transform:translate(100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{display:block}.mobile-menu-btn{display:flex}.sidebar-collapsed .sidebar{width:var(--sidebar-width)}.page-content{padding:18px}.topbar{padding:0 14px}.topbar-title h1{display:none}.topbar-right{gap:10px}.user-info,.topbar-divider{display:none}}.login-root{display:flex;min-height:100vh;font-family:var(--font)}.login-left{flex:1;background-color:#0d1b2a;background-image:linear-gradient(160deg,#060e15,#0d1b2a,#1e3448);display:flex;align-items:center;justify-content:center;padding:60px 48px;color:#fff;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/background-image-invroot-login-page.png);background-size:cover;background-position:center right;background-repeat:no-repeat;pointer-events:none}.login-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#060e15a8,#09141f75 42%,#0d1b2a2e 76%,#0d1b2a0f);pointer-events:none}[dir=rtl] .login-left:before,.rtl .login-left:before{background-position:center left}[dir=rtl] .login-left:after,.rtl .login-left:after{transform:scaleX(-1)}.login-branding{position:relative;z-index:1;max-width:420px;width:100%}.login-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:48px}.login-brand-logo{height:54px;max-width:290px;object-fit:contain;object-position:left}.login-root.rtl .login-brand-logo{object-position:right}.login-logo{font-size:22px;font-weight:900;color:#fff;letter-spacing:.5px}.login-headline{font-size:36px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.5px;margin-bottom:14px}.login-headline span{color:#d4af37}.login-tagline{font-size:15px;color:#fff9;margin-bottom:36px;line-height:1.6}.login-features{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-direction:column;gap:14px}.login-features li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#ffffffd9}.login-feat-dot{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#d4af3740;color:#d4af37;flex-shrink:0}.login-feat-dot svg{width:12px;height:12px}.login-stats{display:flex;gap:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 12px;gap:2px;border-inline-end:1px solid rgba(255,255,255,.08)}.login-stat:last-child{border-inline-end:none}.login-stat strong{font-size:18px;font-weight:800;color:#fff}.login-stat span{font-size:10.5px;color:#ffffff80;text-align:center}.login-right{width:480px;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-main)}.login-card{width:100%;max-width:380px}.login-mobile-brand{display:none}.login-mobile-brand img{height:46px;max-width:240px;object-fit:contain}@media (max-width: 768px){.login-mobile-brand{display:flex;justify-content:flex-start;margin-bottom:22px}}.lang-chip{padding:5px 14px;border:1.5px solid var(--border);border-radius:20px;font-size:12.5px;cursor:pointer;background:none;color:var(--text-secondary);font-weight:500;transition:all .15s}.lang-chip:hover{border-color:var(--primary);color:var(--primary)}.login-title{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.5px}.login-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:28px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d1b2a1a}.input-with-icon input{padding-inline-end:42px}.input-icon-btn{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:color .15s}.input-icon-btn:hover{color:var(--primary)}.input-icon-btn svg{width:18px;height:18px}.link-subtle{font-size:12.5px;color:var(--text-muted)}.link-subtle:hover{color:var(--primary);text-decoration:none}.login-divider{display:flex;align-items:center;gap:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{font-size:12px;color:var(--text-muted)}.login-switch a:hover{text-decoration:underline}.login-lang-row{display:flex;gap:8px;margin-bottom:28px}.lang-chip{padding:4px 12px;border:1px solid var(--border);border-radius:20px;font-size:12px;cursor:pointer;background:none;color:var(--text-secondary);transition:all .15s}.lang-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.login-title{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--primary)}.input-with-icon{position:relative}.input-with-icon input{padding-inline-end:40px}.input-icon-btn{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center}.login-row{display:flex;justify-content:flex-end}.login-switch{margin-top:24px;text-align:center;font-size:13px;color:var(--text-muted)}.login-switch a{color:var(--primary);font-weight:600}@media (max-width: 768px){.login-left{display:none}.login-right{width:100%}}.ph-wrap{--ph-pad-y: 11px;--ph-pad-x: 14px;--ph-radius: 10px;--ph-border: 1.5px;--ph-font: 14px;position:relative;display:flex;align-items:stretch;width:100%;background:var(--bg-card);border:var(--ph-border) solid var(--border);border-radius:var(--ph-radius);transition:border-color .15s,box-shadow .15s}.ph-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0d1b2a1a}.ph-country-btn{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:var(--ph-pad-y) 10px var(--ph-pad-y) var(--ph-pad-x);background:none;border:none;border-inline-end:1px solid var(--border);border-start-start-radius:calc(var(--ph-radius) - 1px);border-end-start-radius:calc(var(--ph-radius) - 1px);font-family:var(--font);cursor:pointer;transition:background .15s}.ph-country-btn:hover:not(:disabled),.ph-country-btn.open{background:var(--hover-bg, #f1f4f8)}.ph-country-btn:disabled{cursor:not-allowed;opacity:.6}.ph-country-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.ph-flag{font-size:17px;line-height:1;flex-shrink:0}.ph-dial{font-size:var(--ph-font);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.ph-arrow{width:13px;height:13px;color:var(--text-muted);transition:transform .2s}.ph-country-btn.open .ph-arrow{transform:rotate(180deg)}.ph-number-input{flex:1;min-width:0;padding:var(--ph-pad-y) var(--ph-pad-x);border:none;outline:none;background:none;border-radius:0 var(--ph-radius) var(--ph-radius) 0;font-family:var(--font);font-size:var(--ph-font);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:.01em}[dir=rtl] .ph-number-input{border-radius:var(--ph-radius) 0 0 var(--ph-radius)}.ph-number-input:disabled{cursor:not-allowed;opacity:.6}.ph-dropdown{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:600;width:320px;max-width:min(92vw,420px);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 36px #0d1b2a29;overflow:hidden;animation:ph-pop .14s ease-out}@keyframes ph-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.ph-dropdown{animation:none}.ph-arrow{transition:none}}.ph-search-row{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border-soft);background:var(--bg-soft);color:var(--text-muted)}.ph-search{flex:1;min-width:0;border:none;outline:none;background:none;font-family:var(--font);font-size:13.5px;color:var(--text-primary)}.ph-list{max-height:264px;overflow-y:auto;overscroll-behavior:contain;padding:5px}.ph-list::-webkit-scrollbar{width:5px}.ph-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ph-option{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;cursor:pointer;transition:background .12s}.ph-option:hover{background:var(--hover-bg, #f1f4f8)}.ph-option.active{background:var(--gold-wash, #FBF3DC)}.ph-option .ph-flag{font-size:19px}.ph-oname{flex:1;min-width:0;font-size:13.5px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-odial{font-size:12.5px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.ph-option.active .ph-odial{color:var(--secondary)}.ph-check{width:15px;height:15px;color:var(--secondary);flex-shrink:0}.ph-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.su-root{display:flex;min-height:100vh;font-family:var(--font);background:var(--bg-main)}.su-left{width:420px;flex-shrink:0;background:linear-gradient(160deg,#060e15,#0d1b2a,#1e3448);position:relative;display:flex;align-items:stretch;overflow:hidden}.su-left-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center bottom;background-repeat:no-repeat;opacity:0;transition:opacity .6s ease;pointer-events:none}.su-left-art.is-active{opacity:1}.su-left-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#060e15c7,#060e1599,#060e1561 44%,#060e153d 62%,#060e158c 84%,#060e15b8)}.su-root.rtl .su-left-art{transform:scaleX(-1)}@media (prefers-reduced-motion: reduce){.su-left-art{transition:none}}.su-left-inner{position:relative;z-index:1;display:flex;flex-direction:column;padding:48px 44px;width:100%}.su-brand{display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:56px}.su-brand span{font-size:22px;font-weight:900;letter-spacing:.5px}.su-brand-logo{height:38px;max-width:210px;object-fit:contain;object-position:left}.su-root.rtl .su-brand-logo{object-position:right}.su-panel-text{flex:1}.su-panel-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80;margin-bottom:16px}.su-panel-heading{font-size:32px;font-weight:800;color:#fff;line-height:1.2;white-space:pre-line;margin-bottom:16px;letter-spacing:-.5px}.su-panel-body{font-size:14.5px;color:#ffffffa6;line-height:1.7;margin-bottom:28px}.su-panel-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.su-panel-bullets li{display:flex;align-items:center;gap:10px;font-size:14px;color:#ffffffd9}.su-bullet-dot{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#d4af3740;color:#d4af37;flex-shrink:0}.su-bullet-dot svg{width:12px;height:12px}.su-step-dots{display:flex;gap:8px;margin:32px 0 28px}.su-dot{width:8px;height:8px;border-radius:50%;background:#ffffff40;transition:all .25s}.su-dot.active{background:#d4af37;width:24px;border-radius:4px}.su-dot.done{background:#ffffff8c}.su-left-stats{display:flex;gap:20px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.su-stat{display:flex;flex-direction:column;gap:2px;flex:1}.su-stat strong{font-size:18px;font-weight:800;color:#fff}.su-stat span{font-size:11px;color:#ffffff8c}.su-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;overflow-y:auto}.su-form-wrap{width:100%;max-width:440px;display:flex;flex-direction:column;gap:0}.su-progress{height:4px;background:#e5e7eb;border-radius:2px;margin-bottom:32px;overflow:hidden}.su-progress-bar{height:100%;background:linear-gradient(90deg,#0d1b2a,#8a6d1f);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.su-step-pane{display:flex;flex-direction:column;gap:18px}.su-step-header{margin-bottom:4px}.su-step-header h1{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.su-step-header p{font-size:14px;color:var(--text-muted);margin-top:4px}.su-field{display:flex;flex-direction:column;gap:6px}.su-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.su-optional{font-weight:400;color:var(--text-muted)}.su-input-wrap{position:relative;display:flex;align-items:center}.su-input-icon{position:absolute;inset-inline-start:13px;width:18px;height:18px;color:var(--text-muted);pointer-events:none}.su-input-wrap input{width:100%;padding:11px 42px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:var(--font);color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .15s,box-shadow .15s}.su-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d1b2a1a}.su-eye-btn{position:absolute;inset-inline-end:12px;background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:4px}.su-eye-btn:hover{color:var(--primary)}.su-eye-btn svg{width:18px;height:18px}.su-match-dot{position:absolute;inset-inline-end:38px;font-size:14px;font-weight:700}.su-match-dot.ok{color:var(--success)}.su-match-dot.no{color:var(--danger)}.su-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.su-strength-bar{display:flex;gap:4px;flex:1}.su-strength-seg{flex:1;height:4px;border-radius:2px;transition:background .2s}.su-strength-label{font-size:12px;font-weight:600;white-space:nowrap}.su-plan-mini{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:10px 14px;font-size:13px;color:#15803d}.su-badge{background:#16a34a;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;flex-shrink:0}.su-plans{display:flex;flex-direction:column;gap:10px}.su-plan-card{position:relative;background:var(--bg-card);border:2px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;text-align:start;transition:all .18s;width:100%;overflow:hidden}.su-plan-card:hover{border-color:var(--primary-light-blue);box-shadow:var(--shadow-sm)}.su-plan-card.selected{border-color:var(--primary);background:#0d1b2a08;box-shadow:0 0 0 3px #0d1b2a1a}.su-plan-card.popular{border-color:var(--secondary)}.su-plan-card.popular.selected{border-color:var(--secondary);box-shadow:0 0 0 3px #8a6d1f1f}.su-popular-tag{position:absolute;top:0;inset-inline-end:0;background:var(--secondary);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-end-start-radius:10px;letter-spacing:.3px}.su-plan-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.su-plan-name{font-size:15px;font-weight:700;color:var(--text-primary)}.su-plan-sub{font-size:11px;color:var(--text-muted)}.su-plan-price{font-size:22px;font-weight:800;color:var(--primary)}.su-plan-card.popular .su-plan-price{color:var(--secondary)}.su-plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.su-plan-features li{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-secondary)}.su-feat-check{width:13px;height:13px;color:var(--success);flex-shrink:0}.su-plan-selected-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:2px solid var(--primary);pointer-events:none}.su-plan-card.popular .su-plan-selected-ring{border-color:var(--secondary)}.su-terms{font-size:12px;color:var(--text-muted);text-align:center}.su-terms a{color:var(--primary);font-weight:600}.su-row-btns{display:flex;gap:10px}.su-back-btn{flex-shrink:0}.su-next-btn{flex:1;justify-content:center}.su-btn-icon{width:16px;height:16px}.su-done-root{align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(circle at 15% 15%,rgba(212,175,55,.1) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(30,52,72,.35) 0%,transparent 50%),linear-gradient(160deg,#060e15,#0d1b2a 55%,#16293b)}.su-done-card{width:100%;max-width:460px;background:var(--bg-card, #fff);border-radius:24px;padding:40px 36px 32px;text-align:center;box-shadow:0 30px 80px #00000059;animation:su-done-rise .45s cubic-bezier(.21,1.02,.73,1) both}@keyframes su-done-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.su-done-logo{height:30px;object-fit:contain;margin-bottom:26px}.su-done-badge{position:relative;width:76px;height:76px;margin:0 auto 22px;border-radius:50%;background:linear-gradient(135deg,#15803d,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 30px #16a34a59;animation:su-done-pop .5s .12s cubic-bezier(.2,1.4,.5,1) both}.su-done-badge svg{width:36px;height:36px;position:relative;z-index:1}@keyframes su-done-pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.su-done-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(34,197,94,.55);animation:su-done-ripple 2.4s .5s ease-out infinite}.su-done-ring--2{animation-delay:1.4s}@keyframes su-done-ripple{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}@media (prefers-reduced-motion: reduce){.su-done-card,.su-done-badge{animation:none}.su-done-ring{display:none}}.su-done-title{font-size:27px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);margin-bottom:8px}.su-done-lead{font-size:14px;line-height:1.6;color:var(--text-muted);margin-bottom:12px}.su-done-email{display:inline-block;font-size:13.5px;font-weight:600;color:var(--primary, #0D1B2A);background:#f1f5f9;border:1px solid var(--border-soft, #e5e7eb);border-radius:999px;padding:7px 16px;margin-bottom:26px;word-break:break-all}.su-done-steps{list-style:none;margin:0 0 26px;padding:0;text-align:start;border-top:1px solid var(--border-soft, #eef1f5)}.su-done-step{display:flex;align-items:flex-start;gap:13px;padding:14px 2px;border-bottom:1px solid var(--border-soft, #eef1f5)}.su-done-step-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--gold-wash, #FBF3DC);color:var(--secondary, #8A6D1F);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.su-done-step-title{font-size:14px;font-weight:600;color:var(--text-primary)}.su-done-step-sub{font-size:12.5px;color:var(--text-muted);margin-top:2px;line-height:1.5}.su-done-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:13px 20px;border-radius:12px;background:var(--gradient-primary, #0D1B2A);color:#fff;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s}.su-done-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0d1b2a47;text-decoration:none}.su-done-spam{font-size:12px;color:var(--text-muted);margin-top:16px}@media (max-width: 480px){.su-done-card{padding:32px 22px 26px;border-radius:20px}.su-done-title{font-size:23px}}.su-root.rtl .su-input-icon{inset-inline-start:13px}.su-root.rtl .su-eye-btn{inset-inline-end:12px}@media (max-width: 520px){.su-left{display:none}.su-right{padding:32px 20px}}@media (max-width: 480px){.su-plans{gap:8px}.su-plan-card{padding:12px 14px}.su-panel-heading{font-size:26px}}.su-plan-price-wrap{text-align:end}.su-plan-per{font-size:11px;color:var(--text-muted, #94a3b8);margin-top:1px}.su-plan-local{margin-top:3px;font-size:12px;font-weight:600;color:var(--text-muted, #64748b);white-space:nowrap}.su-price-note{margin:10px 2px 0;font-size:11.5px;line-height:1.5;color:var(--text-muted, #94a3b8)}.su-plans-loading{padding:28px;text-align:center;font-size:13px;color:var(--text-muted, #94a3b8)}.su-plan-card--contact{cursor:default}.su-plan-card--contact:hover{transform:none}.su-plan-contact{margin-top:10px;padding-top:9px;border-top:1px solid var(--border, #e2e8f0);font-size:12px;color:var(--text-muted, #64748b)}.su-plan-contact a{color:var(--primary, #0D1B2A);font-weight:600}.su-currency-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px;font-size:12.5px;color:var(--text-muted, #64748b)}.su-currency-row label{white-space:nowrap}.su-currency-row select{flex:1;min-width:130px;padding:7px 10px;border:1px solid var(--border, #e2e8f0);border-radius:9px;background:var(--surface, #fff);font-size:12.5px;color:var(--text, #0f172a)}.su-currency-tag{padding:3px 9px;border-radius:999px;background:var(--surface-2, #f1f5f9);font-size:11px;font-weight:700;letter-spacing:.3px}.su-done-badge--neutral{background:var(--surface-2, #eef2f7);color:var(--text-muted, #64748b);box-shadow:none}.su-done-badge--error{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 8px 32px #dc26264d}.su-verify-spinner{display:block;margin:22px auto 0;border-color:var(--border, #e2e8f0);border-top-color:var(--primary, #0D1B2A)}.pw-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.pw-strength-bars{display:flex;gap:5px;flex:1}.pw-bar{height:5px;flex:1;border-radius:3px;background:var(--border, #e7ebf3);transition:background .2s ease}.pw-bar.filled.s1{background:#e5484d}.pw-bar.filled.s2{background:#f5a524}.pw-bar.filled.s3{background:#3b82f6}.pw-bar.filled.s4{background:#16a34a}.pw-strength-label{font-size:12px;font-weight:600;white-space:nowrap;min-width:64px;text-align:end}.pw-strength-label.s0,.pw-strength-label.s1{color:#e5484d}.pw-strength-label.s2{color:#f5a524}.pw-strength-label.s3{color:#3b82f6}.pw-strength-label.s4{color:#16a34a}.pay-root{min-height:100vh;background:#eef1f6;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;font-family:Arial,Helvetica,sans-serif}.pay-card{width:100%;max-width:640px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 48px #0d1b2a24}.pay-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;text-align:center;color:#64708a}.pay-error-icon{width:56px;height:56px;border-radius:50%;background:#fdecec;color:#e5484d;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center}.pay-header{display:flex;align-items:center;justify-content:space-between;padding:26px 32px;color:#fff}.pay-logo{max-height:46px;max-width:200px;object-fit:contain}.pay-co-name{font-size:20px;font-weight:800}.pay-header-meta{text-align:end}.pay-inv-label{font-size:11px;letter-spacing:2px;opacity:.75}.pay-inv-num{font-size:18px;font-weight:700}.pay-body{padding:28px 32px 8px}.pay-status{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;border-radius:20px;margin-bottom:20px;background:#eef2f7;color:#64748b}.pay-status-paid{background:#f0fdf4;color:#16a34a}.pay-status-overdue{background:#fef2f2;color:#dc2626}.pay-status-partial{background:#fff7ed;color:#d97706}.pay-status-viewed,.pay-status-sent{background:#eff6ff;color:#2563eb}.pay-due{text-align:center;padding:24px;background:#f7f9fc;border-radius:14px;margin-bottom:24px}.pay-due-label{font-size:13px;color:#8a93a6;text-transform:uppercase;letter-spacing:.5px}.pay-due-amount{font-size:40px;font-weight:800;color:#1b2a4a;margin-top:6px}.pay-due-sub{font-size:13px;color:#8a93a6;margin-top:6px}.pay-paid-badge{margin-top:10px;color:#16a34a;font-weight:700}.pay-meta-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:22px}.pay-meta-row>div{display:flex;flex-direction:column;gap:2px}.pay-meta-k{font-size:11px;color:#8a93a6;text-transform:uppercase;letter-spacing:.4px}.pay-meta-v{font-size:14px;font-weight:600;color:#2b3550}.pay-items{width:100%;border-collapse:collapse;margin-bottom:18px}.pay-items th{text-align:start;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#8a93a6;padding:8px 10px;border-bottom:2px solid #eef1f6}.pay-items td{padding:10px;font-size:14px;color:#2b3550;border-bottom:1px solid #f1f4f8}.pay-items .r{text-align:end}.pay-totals{margin-inline-start:auto;max-width:260px}.pay-totals>div{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:#4a5573}.pay-totals-grand{border-top:2px solid #eef1f6;margin-top:4px;padding-top:12px!important;font-size:18px!important;font-weight:800;color:#1b2a4a!important}.pay-actions{text-align:center;margin:26px 0 8px}.pay-btn{display:inline-block;padding:13px 34px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;color:#fff}.pay-note{text-align:center;font-size:13px;color:#8a93a6;line-height:1.6;margin:14px 0 0}.pay-footer-text{font-size:12px;color:#a2abbd;text-align:center;margin-top:14px}.pay-brandline{text-align:center;padding:18px;font-size:12px;color:#a2abbd;border-top:1px solid #f1f4f8}.pay-brandline strong{color:#1b2a4a}.onb-card{background:var(--bg-card, #fff);border:1px solid var(--border, #e7ebf3);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm, 0 2px 10px rgba(13,27,42,.05));padding:22px 24px;margin-bottom:24px;position:relative;overflow:hidden}.onb-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,var(--secondary, #8A6D1F),var(--primary, #0D1B2A))}.onb-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.onb-icon{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary, #0D1B2A),#24384f);color:#fff}.onb-icon svg{width:21px;height:21px}.onb-head-text{flex:1;min-width:0}.onb-head-text h3{margin:0 0 3px;font-size:16px;font-weight:800;color:var(--text-primary)}.onb-head-text p{margin:0;font-size:13px;color:var(--text-muted)}.onb-dismiss{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;flex-shrink:0}.onb-dismiss svg{width:17px;height:17px}.onb-dismiss:hover{background:var(--hover-bg, #f3f5f9);color:var(--text-primary)}.onb-progress-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.onb-progress-track{flex:1;height:7px;border-radius:5px;background:var(--bg-soft, #eef1f6);overflow:hidden}.onb-progress-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--secondary, #8A6D1F),#c9a24b);transition:width .3s ease}.onb-progress-label{font-size:12px;font-weight:700;color:var(--text-secondary, #64708a);white-space:nowrap}.onb-steps{display:flex;flex-direction:column;gap:2px}.onb-step{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:11px 12px;background:none;border:1px solid transparent;border-radius:10px;cursor:pointer;font:inherit;transition:background .12s,border-color .12s}.onb-step:not(.done):hover{background:var(--hover-bg, #f6f8fb);border-color:var(--border-soft, #eef1f6)}.onb-step.done{cursor:default;opacity:.62}.onb-step.next{background:color-mix(in srgb,var(--secondary, #8A6D1F) 7%,transparent)}.onb-check{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border, #d7dfea);color:#fff}.onb-check svg{width:12px;height:12px}.onb-step.done .onb-check{background:#16a34a;border-color:#16a34a}.onb-dot{width:6px;height:6px;border-radius:50%;background:var(--border, #d7dfea)}.onb-step.next .onb-check{border-color:var(--secondary, #8A6D1F)}.onb-step.next .onb-dot{background:var(--secondary, #8A6D1F)}.onb-step-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.onb-step-title{font-size:14px;font-weight:600;color:var(--text-primary)}.onb-step.done .onb-step-title{text-decoration:line-through}.onb-step-body{font-size:12.5px;color:var(--text-muted);line-height:1.45}.onb-step-cta{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;font-size:12.5px;font-weight:700;color:var(--primary);white-space:nowrap}.onb-step-cta svg{width:14px;height:14px}.onb-card.rtl .onb-step-cta svg{transform:scaleX(-1)}@media (max-width: 640px){.onb-step-cta,.onb-step-body{display:none}}.toast-container{position:fixed;top:20px;inset-inline-end:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:var(--bg-card, #fff);box-shadow:0 6px 20px #00000024;border-inline-start:4px solid var(--text-muted);animation:toast-in .25s ease;font-size:13.5px}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-message{flex:1;color:var(--text-primary, #111)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;display:inline-flex}.toast-close svg{width:15px;height:15px}.toast-success{border-inline-start-color:#16a34a}.toast-success .toast-icon{color:#16a34a}.toast-error{border-inline-start-color:#dc2626}.toast-error .toast-icon{color:#dc2626}.toast-warning{border-inline-start-color:#d97706}.toast-warning .toast-icon{color:#d97706}.toast-info{border-inline-start-color:#2563eb}.toast-info .toast-icon{color:#2563eb}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .toast{animation:toast-in-rtl .25s ease}@keyframes toast-in-rtl{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.uw-card{border:1px solid var(--border, #e2e8f0);border-radius:14px;background:var(--surface, #fff);padding:18px 20px;margin-bottom:18px}.uw-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.uw-icon{width:38px;height:38px;border-radius:10px;background:#fef3c7;color:#b45309;display:flex;align-items:center;justify-content:center;flex-shrink:0}.uw-icon svg{width:18px;height:18px}.uw-head-text{flex:1;min-width:0}.uw-title{font-size:14.5px;font-weight:700;color:var(--text, #0f172a)}.uw-sub{font-size:12px;color:var(--text-muted, #64748b);margin-top:1px}.uw-total{font-size:19px;font-weight:800;color:var(--text, #0f172a);white-space:nowrap}.uw-list{list-style:none;margin:0;padding:0}.uw-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--border, #f1f5f9)}.uw-row-main{flex:1;min-width:0}.uw-client{display:block;padding:0;border:none;background:none;font-size:13.5px;font-weight:600;color:var(--text, #0f172a);cursor:pointer;text-align:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uw-client:hover{text-decoration:underline}.uw-detail{display:block;font-size:11.5px;color:var(--text-muted, #94a3b8);margin-top:1px}.uw-value{font-size:13.5px;font-weight:700;white-space:nowrap}.uw-bill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:8px;background:var(--primary, #0D1B2A);color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.uw-bill svg{width:13px;height:13px}.uw-bill:disabled{opacity:.6;cursor:default}.uw-bill:hover:not(:disabled){filter:brightness(1.15)}.uw-more{margin-top:10px;font-size:12px;color:var(--text-muted, #94a3b8)}@media (max-width: 560px){.uw-row{flex-wrap:wrap}.uw-bill{width:100%;justify-content:center;margin-top:6px}}.dashboard{max-width:1280px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-title{font-size:22px;font-weight:700;color:var(--text-primary)}.period-tabs{display:flex;gap:4px;background:#f1f4f8;border:1px solid var(--border-soft);border-radius:10px;padding:3px}.period-tab{padding:6px 14px;border:none;border-radius:7px;background:none;font-size:12.5px;font-weight:500;cursor:pointer;color:var(--text-muted);transition:all .15s}.period-tab:hover{color:var(--primary)}.period-tab.active{background:var(--bg-card);color:var(--secondary);font-weight:600;box-shadow:0 1px 4px #00000014}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi-card{position:relative;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.kpi-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--kpi-color, var(--primary));border-radius:0 3px 3px 0}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.kpi-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.kpi-label{font-size:12.5px;font-weight:500;color:var(--text-muted)}.kpi-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--kpi-color, var(--primary));background:color-mix(in srgb,var(--kpi-color, var(--primary)) 10%,transparent);flex-shrink:0}.kpi-icon svg{width:20px;height:20px}.kpi-value{font-size:22px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.5px}.kpi-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.kpi-subtitle{font-size:11.5px;color:var(--text-muted)}.kpi-trend{display:flex;align-items:center;gap:2px;font-size:11.5px;font-weight:600}.kpi-trend.up{color:#16a34a}.kpi-trend.down{color:#dc2626}.kpi-trend svg{width:13px;height:13px}.chart-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm)}.chart-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.dash-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.01em}.dash-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.kpi-grid{grid-template-columns:1fr}}.overdue-banner{display:flex;align-items:center;gap:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:14px 18px;margin-bottom:20px}.overdue-banner-icon{width:22px;height:22px;color:#dc2626;flex-shrink:0}.overdue-banner strong{display:block;font-size:14px;font-weight:700;color:#991b1b}.overdue-banner span{font-size:13px;color:#b91c1c}@media (max-width: 768px){.dashboard{padding:0}.period-tabs{overflow-x:auto;white-space:nowrap}.overdue-banner{flex-wrap:wrap}.overdue-banner .btn{width:100%;margin-top:8px;justify-content:center}}@media (max-width: 640px){.card-header{flex-direction:column;align-items:flex-start;gap:6px}.dash-status-badge{font-size:11px;padding:2px 7px}}.dash-fin-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.dash-fin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:0 1px 4px #0000000d}.dash-fin-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.dash-fin-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dash-fin-icon svg{width:22px;height:22px}.dash-fin-icon.rcv{background:#eff6ff;color:#2563eb}.dash-fin-icon.pay{background:#fff7ed;color:#d97706}.dash-fin-label{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.dash-fin-total{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.4px}.dash-fin-bars{display:flex;flex-direction:column;gap:10px}.dash-fin-bar-row{display:flex;align-items:center;gap:8px;font-size:12px}.dash-fin-bar-label{width:50px;color:var(--text-muted);flex-shrink:0}.dash-fin-bar-track{flex:1;height:7px;border-radius:4px;background:var(--border);overflow:hidden}.dash-fin-bar-fill{height:100%;border-radius:4px;transition:width .4s ease;min-width:4px}.dash-fin-bar-fill.blue{background:#3b82f6}.dash-fin-bar-fill.red{background:#ef4444}.dash-fin-bar-fill.orange{background:#f59e0b}.dash-fin-bar-val{width:72px;text-align:right;font-weight:600;font-size:11.5px;color:var(--text-secondary)}.cashflow-card{display:flex;flex-direction:column}.dash-cf-rows{display:flex;flex-direction:column;gap:9px}.dash-cf-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.dash-cf-lbl{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.dash-cf-val{font-weight:600;color:var(--text-primary)}.dash-cf-val.green{color:#16a34a}.dash-cf-val.red{color:#dc2626}.dash-cf-divider{height:1px;background:var(--border);margin:4px 0}@media (max-width: 900px){.dash-fin-row{grid-template-columns:1fr 1fr}.cashflow-card{grid-column:1 / -1}}@media (max-width: 600px){.dash-fin-row{grid-template-columns:1fr}}.dash-insights-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}@media (max-width: 900px){.dash-insights-row{grid-template-columns:1fr}}.dash-insight-card{padding:0}.dash-topclients{padding:8px 20px 16px;display:flex;flex-direction:column;gap:14px}.dash-tc-row{display:flex;align-items:center;gap:12px}.dash-tc-rank{width:22px;height:22px;flex-shrink:0;border-radius:6px;background:var(--bg-soft, #f2f5fa);color:var(--text-muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.dash-tc-name{font-size:13.5px;font-weight:600;color:var(--text-primary);min-width:90px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-tc-bar-track{flex:1;height:8px;background:var(--bg-soft, #eef1f6);border-radius:5px;overflow:hidden}.dash-tc-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--primary),var(--secondary, #8A6D1F))}.dash-tc-val{font-size:13px;font-weight:700;color:var(--text-primary);min-width:84px;text-align:end}.dash-aging-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;margin:14px 20px 18px;background:var(--bg-soft, #eef1f6)}.dash-aging-bar>div{height:100%}.dash-aging-empty{width:100%}.dash-aging-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:0 20px}.dash-aging-leg{display:flex;align-items:center;gap:8px}.dash-aging-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.dash-aging-leg-label{font-size:12.5px;color:var(--text-secondary, #64708a)}.dash-aging-leg-val{margin-inline-start:auto;font-size:12.5px;font-weight:700;color:var(--text-primary)}.dash-aging-total{display:flex;align-items:center;justify-content:space-between;margin:16px 20px 20px;padding-top:14px;border-top:1px solid var(--border-soft, #eef1f6);font-size:13px;color:var(--text-muted)}.dash-aging-total strong{font-size:16px;color:var(--text-primary)}.clients-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.clients-stat-card{background:#fff;border-radius:var(--radius-lg);padding:20px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #00000012;border:1px solid var(--border);transition:transform .15s,box-shadow .15s}.clients-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.csc-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csc-icon svg{width:22px;height:22px}.csc-icon.blue{background:#eff6ff;color:#2563eb}.csc-icon.green{background:#f0fdf4;color:#16a34a}.csc-icon.orange{background:#fff7ed;color:#ea580c}.csc-icon.red{background:#fef2f2;color:#dc2626}.csc-body{min-width:0}.csc-val{font-size:22px;font-weight:700;color:var(--text);line-height:1.1}.csc-lbl{font-size:12px;color:var(--text-muted);margin-top:2px}.clients-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.clients-toolbar .search-box{flex:1;min-width:200px;max-width:340px}.clients-toolbar .filter-tabs{display:flex;gap:6px}.clients-toolbar .filter-tab{padding:6px 14px;border-radius:20px;font-size:13px;border:1px solid var(--border);background:#fff;color:var(--text-muted);cursor:pointer;transition:all .15s}.clients-toolbar .filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.view-toggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-left:auto}.view-toggle button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--text-muted);border:none;cursor:pointer;transition:all .15s}.view-toggle button.active{background:var(--primary);color:#fff}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.client-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 1px 4px #0000000f;padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform .15s,box-shadow .15s;cursor:default}.client-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.cc-top{display:flex;align-items:flex-start;gap:12px}.cc-avatar{width:50px;height:50px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;letter-spacing:-.5px}.cc-meta{min-width:0;flex:1}.cc-name{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-company{font-size:12px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-badge{margin-left:auto;flex-shrink:0}.cc-contact{display:flex;flex-direction:column;gap:5px}.cc-row{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-muted)}.cc-row svg{width:13px;height:13px;flex-shrink:0;color:var(--text-muted);opacity:.7}.cc-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-balance-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-soft, #F2F4F7);border-radius:10px;padding:10px 12px}.cc-bal-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cc-bal-val{font-size:16px;font-weight:700}.cc-bal-val.zero{color:var(--text-muted)}.cc-bal-val.low{color:#16a34a}.cc-bal-val.high{color:#dc2626}.cc-bal-invoices{font-size:11px;color:var(--text-muted)}.cc-actions{display:flex;gap:8px;border-top:1px solid var(--border);padding-top:12px}.cc-actions .cc-btn{flex:1;padding:7px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .15s}.cc-actions .cc-btn:hover{background:var(--bg-soft, #F2F4F7)}.cc-actions .cc-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.cc-actions .cc-btn.primary:hover{opacity:.9}.cc-actions .cc-btn.danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.cc-actions .cc-btn svg{width:13px;height:13px}.clients-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.clients-empty-icon{width:72px;height:72px;border-radius:20px;background:#eff6ff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.clients-empty-icon svg{width:36px;height:36px;color:#2563eb}.clients-empty h3{font-size:17px;font-weight:700;color:var(--text);margin:0 0 6px}.clients-empty p{font-size:14px;margin:0 0 18px}.client-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.client-drawer{width:480px;max-width:100vw;height:100vh;background:#fff;display:flex;flex-direction:column;box-shadow:-8px 0 40px #00000026;animation:slideInRight .25s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--gradient-primary);color:#fff}.drawer-header h2{font-size:17px;font-weight:700;margin:0}.drawer-header-sub{font-size:12px;opacity:.75;margin-top:2px}.drawer-close{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.drawer-close:hover{background:#ffffff40}.drawer-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.drawer-section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:4px}.drawer-avatar-preview{display:flex;align-items:center;gap:14px;margin-bottom:4px}.drawer-avatar{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.drawer-avatar-name{font-size:16px;font-weight:700;color:var(--text)}.drawer-avatar-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.drawer-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px}.drawer-footer .btn{flex:1}.clients-table-wrap{overflow-x:auto}.clients-table{width:100%;border-collapse:collapse;font-size:14px}.clients-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-soft, #F2F4F7);white-space:nowrap}.clients-table td{padding:12px 14px;border-bottom:1px solid var(--border)}.clients-table tbody tr:hover{background:var(--bg-soft, #F2F4F7)}.clients-table tbody tr:last-child td{border-bottom:none}.clients-pager{display:flex;align-items:center;justify-content:space-between;padding:14px 0;margin-top:12px;font-size:13px;color:var(--text-muted)}.clients-pager-btns{display:flex;gap:6px}.clients-pager-btns button{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:15px;cursor:pointer;transition:all .15s}.clients-pager-btns button:disabled{opacity:.4;cursor:not-allowed}.clients-pager-btns button:not(:disabled):hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width: 1100px){.clients-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.clients-stats{grid-template-columns:1fr 1fr;gap:10px}.clients-grid{grid-template-columns:1fr}.client-drawer{width:100vw}.clients-toolbar .search-box{max-width:100%}.view-toggle{display:none}}@media (max-width: 420px){.clients-stats{grid-template-columns:1fr}}.drawer-avatar-btn{position:relative;padding:0;border:none;background:none;cursor:pointer;border-radius:14px;line-height:0}.drawer-avatar-btn:disabled{cursor:default;opacity:.6}.drawer-avatar-edit{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:var(--primary, #0D1B2A);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface, #fff);transition:transform .12s ease}.drawer-avatar-edit svg{width:11px;height:11px}.drawer-avatar-btn:hover:not(:disabled) .drawer-avatar-edit{transform:scale(1.12)}.drawer-avatar-actions{display:flex;gap:10px;margin-top:6px}.drawer-avatar-actions button{padding:0;border:none;background:none;font-size:12px;font-weight:600;color:var(--primary, #0D1B2A);cursor:pointer}.drawer-avatar-actions button:hover:not(:disabled){text-decoration:underline}.drawer-avatar-actions button:disabled{opacity:.5;cursor:default}.drawer-avatar-actions button.danger{color:var(--danger, #dc2626)}[dir=rtl] .drawer-avatar-edit{right:auto;left:-4px}.stmt-page{max-width:980px;margin:0 auto}.stmt-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.stmt-back{display:inline-flex;align-items:center;gap:4px;font-size:13px}.stmt-back svg{width:15px;height:15px}.stmt-page.rtl .stmt-back svg{transform:scaleX(-1)}.stmt-toolbar-right{display:flex;align-items:center;gap:10px;margin-inline-start:auto;flex-wrap:wrap}.stmt-date{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.stmt-date input{padding:6px 9px;font-size:13px;border:1px solid var(--border, #e2e8f0);border-radius:8px;background:var(--bg-card, #fff)}.stmt-sheet{background:#fff;border:1px solid var(--border, #e7ebf3);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm, 0 2px 10px rgba(13,27,42,.05));padding:36px 40px 32px}.stmt-head{display:flex;justify-content:space-between;gap:24px;margin-bottom:28px}.stmt-logo{max-height:48px;max-width:190px;object-fit:contain;margin-bottom:8px}.stmt-company{font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.stmt-muted{font-size:12.5px;color:var(--text-muted);line-height:1.6}.stmt-title-block{text-align:end}.stmt-title-block h1{margin:0 0 4px;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--primary, #0D1B2A)}.stmt-billto{margin-bottom:24px}.stmt-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:4px}.stmt-client-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.stmt-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border-soft, #eef1f6);border:1px solid var(--border-soft, #eef1f6);border-radius:12px;overflow:hidden;margin-bottom:24px}.stmt-sum-item{background:var(--bg-soft, #f8fafc);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.stmt-sum-item span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.stmt-sum-item strong{font-size:16px;font-weight:800;color:var(--text-primary)}.stmt-sum-item strong.green{color:#16a34a}.stmt-sum-item.total{background:var(--primary, #0D1B2A)}.stmt-sum-item.total span{color:#ffffffa6}.stmt-sum-item.total strong{color:#fff;font-size:18px}.stmt-sum-item.total.clear strong{color:#6ee7a8}.stmt-table{width:100%;border-collapse:collapse}.stmt-table th{text-align:start;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:10px;border-bottom:2px solid var(--border, #e7ebf3);white-space:nowrap}.stmt-table td{padding:11px 10px;font-size:13.5px;color:var(--text-primary);border-bottom:1px solid var(--border-soft, #f1f4f8);vertical-align:top}.stmt-table .r{text-align:end;white-space:nowrap}.stmt-table .bold{font-weight:700}.stmt-table .green{color:#16a34a}.stmt-date-cell{white-space:nowrap;color:var(--text-secondary, #64708a)}.stmt-opening td{background:var(--bg-soft, #f8fafc);color:var(--text-muted)}.stmt-empty{text-align:center;padding:34px 0!important;color:var(--text-muted)}.stmt-table tfoot td{border-top:2px solid var(--border, #e7ebf3);border-bottom:none;font-weight:700;font-size:14px;padding-top:14px}.stmt-tag{display:inline-block;margin-inline-end:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:5px;background:#eef2f7;color:#64748b}.stmt-tag.invoice{background:#eff6ff;color:#2563eb}.stmt-tag.payment{background:#f0fdf4;color:#16a34a}.stmt-tag.credit_note{background:#fff7ed;color:#d97706}.stmt-footnote{margin-top:26px;padding-top:16px;border-top:1px solid var(--border-soft, #f1f4f8);font-size:11.5px;color:var(--text-muted);text-align:center;line-height:1.6}@media print{.no-print,.sidebar,.topbar,.layout-sidebar,.layout-topbar{display:none!important}.stmt-page{max-width:none;margin:0}.stmt-sheet{border:none;box-shadow:none;border-radius:0;padding:0}.stmt-sum-item.total{background:#0d1b2a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.stmt-table{font-size:11px}}.cd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1300}.cd-dialog{position:relative;width:100%;max-width:400px;padding:30px 28px 22px;background:var(--bg-card);border-radius:var(--radius-lg, 16px);box-shadow:0 24px 60px #0d1b2a4d;text-align:center;animation:cd-in .16s ease-out}@keyframes cd-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.cd-dialog{animation:none}}.cd-close{position:absolute;top:12px;inset-inline-end:12px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:none;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.cd-close:hover:not(:disabled){background:var(--hover-bg, #f1f4f8);color:var(--text-primary)}.cd-close:disabled{opacity:.4;cursor:not-allowed}.cd-close svg{width:15px;height:15px}.cd-icon{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cd-icon svg{width:25px;height:25px}.cd-icon--danger{background:#fef2f2;color:var(--danger, #dc2626)}.cd-icon--primary{background:var(--gold-wash, #FBF3DC);color:var(--secondary, #8A6D1F)}.cd-title{margin:0 0 8px;font-size:17.5px;font-weight:700;color:var(--text-primary);text-wrap:balance}.cd-message{margin:0;font-size:13.8px;line-height:1.6;color:var(--text-secondary)}.cd-detail{margin-top:14px;padding:10px 14px;border-radius:9px;background:var(--bg-soft, #f8fafc);border:1px solid var(--border-soft);font-size:13px;color:var(--text-secondary);text-align:start}.cd-actions{display:flex;gap:10px;margin-top:24px}.cd-btn{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:7px}.ba-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1200}.ba-modal{width:100%;max-width:460px;background:var(--bg-card);border-radius:var(--radius-lg, 16px);box-shadow:0 24px 60px #0d1b2a47;overflow:hidden;animation:ba-in .16s ease-out}@keyframes ba-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.ba-modal{animation:none}}.ba-header{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background:var(--gradient-primary);color:#fff}.ba-header h3{margin:0;font-size:16.5px;font-weight:700;color:#fff}.ba-header p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#ffffffb8}.ba-close{margin-inline-start:auto;flex-shrink:0;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#ffffff24;color:#fff;cursor:pointer;transition:background .15s}.ba-close:hover:not(:disabled){background:#ffffff42}.ba-close:disabled{opacity:.5;cursor:not-allowed}.ba-close svg{width:16px;height:16px}.ba-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.ba-error{padding:10px 12px;border-radius:8px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px;line-height:1.45}.ba-drop{width:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px;border:2px dashed var(--border);border-radius:12px;background:var(--bg-soft, #f8fafc);cursor:pointer;font-family:var(--font);text-align:center;transition:border-color .15s,background .15s}.ba-drop:hover,.ba-drop.dragging{border-color:var(--secondary);background:var(--gold-wash, #FBF3DC)}.ba-drop:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ba-drop.has-image{border-style:solid;background:var(--bg-card)}.ba-drop-icon{width:26px;height:26px;color:var(--secondary)}.ba-drop-title{font-size:13.5px;font-weight:600;color:var(--text-primary)}.ba-drop-hint{font-size:12px;color:var(--text-muted);line-height:1.5;max-width:34ch}.ba-preview{max-width:100%;max-height:140px;object-fit:contain}.ba-replace{font-size:11.5px;color:var(--text-muted)}.ba-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border-soft);background:var(--bg-soft, #f9fafb)}.ba-footer .btn{display:inline-flex;align-items:center;gap:7px}[dir=rtl] .ba-footer{flex-direction:row-reverse}.inv-form-overlay{align-items:stretch!important;justify-content:stretch!important;padding:0!important;background:#fff;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.inv-form-sheet{width:100%;height:100%;max-width:none;background:#fff;display:flex;flex-direction:column;margin:0;box-shadow:none;min-height:0}.inv-form-body>*{max-width:1180px;margin-inline:auto}.inv-form-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--primary);color:#fff}.inv-form-bar-left{display:flex;align-items:center;gap:14px}.inv-form-bar-right{display:flex;gap:10px}.inv-form-bar-title{font-size:15px;font-weight:700}.inv-form-bar .btn{background:#ffffff26;color:#fff;border-color:#ffffff4d}.inv-form-bar .btn:hover{background:#ffffff40}.inv-form-bar .btn-primary{background:var(--secondary);border-color:var(--secondary)}.inv-form-bar .btn-primary:hover{background:var(--secondary-dark)}.inv-form-body{flex:1;padding:28px 36px 48px;overflow-y:auto;min-height:0}.inv-form-error{margin-bottom:16px}.inv-branding-warnings{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.inv-branding-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;background:#fff8e1;border:1px solid #fbbf24;border-left:4px solid #f59e0b}.inv-branding-alert--stamp{background:#fff1f2;border-color:#fda4af;border-left-color:#f43f5e}.inv-branding-alert-icon{width:18px;height:18px;color:#f59e0b;flex-shrink:0;margin-top:1px}.inv-branding-alert--stamp .inv-branding-alert-icon{color:#f43f5e}.inv-branding-alert-text{font-size:13px;color:#444;line-height:1.5}.inv-branding-link{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:6px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:background .15s}.inv-branding-link:hover{background:var(--secondary)}.inv-banner-row{margin-bottom:20px}.inv-banner-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text-muted);background:#fafafa}.inv-banner-input:focus{outline:none;border-color:var(--primary);background:#fff;color:var(--text-primary)}.inv-meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.inv-meta-left{flex:1}.inv-doc-type{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.inv-doc-label{font-size:28px;font-weight:800;color:var(--text-primary)}.inv-doc-number{font-size:18px;color:var(--text-muted);font-weight:500}.inv-field-row{display:flex;gap:12px;flex-wrap:wrap}.inv-field{display:flex;flex-direction:column;gap:4px}.inv-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.inv-input-sm,.inv-select-sm{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:#fff;color:var(--text-primary);min-width:130px}.inv-input-sm:focus,.inv-select-sm:focus{outline:none;border-color:var(--primary)}.inv-discount-pair{display:flex;gap:8px;align-items:center}.inv-discount-type{min-width:0;width:96px;flex:0 0 auto}.inv-discount-value{min-width:0;width:124px;flex:0 0 auto}.inv-input-mono{font-family:Courier New,monospace;color:var(--text-muted)}.inv-logo-box{width:120px;height:90px;border:2px dashed var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:border-color .15s,background .15s}.inv-logo-box--empty{cursor:pointer;border-color:var(--secondary);border-style:dashed}.inv-logo-box--empty:hover{background:#fff5f5;border-color:var(--secondary-dark)}.inv-logo-box img{max-width:100%;max-height:100%;object-fit:contain}.inv-logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--border);font-size:11px;font-weight:700;letter-spacing:1px;-webkit-user-select:none;user-select:none;pointer-events:none}.inv-from-to-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.inv-from-to-col{display:flex;flex-direction:column;gap:8px}.inv-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);display:flex;align-items:center;gap:10px}.inv-client-select{padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px;background:#fff}.inv-address-box{background:#f2f4f7;border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:13px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;min-height:80px}.inv-to-address{background:#fff}.inv-addr-placeholder{color:var(--text-muted);font-style:italic}.inv-dates-col{display:flex;flex-direction:column;gap:12px;min-width:190px}.inv-items-section{margin-bottom:28px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.inv-items-head{display:grid;grid-template-columns:minmax(240px,1fr) 68px 118px 60px 104px 64px;background:#f8fafc;border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);gap:8px}.inv-item-row{display:grid;grid-template-columns:minmax(240px,1fr) 68px 118px 60px 104px 64px;align-items:start;padding:12px 16px;gap:8px;border-bottom:1px solid var(--border-soft);transition:background .1s}.inv-item-row:last-of-type{border-bottom:none}.inv-item-row:hover{background:#fafbfc}.inv-col-name{display:flex;flex-direction:column;gap:4px}.inv-item-desc{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;width:100%}.inv-item-desc:focus{outline:none;border-color:var(--primary)}.inv-catalog-pick{font-size:11px;color:var(--primary);border:none;background:transparent;cursor:pointer;padding:2px 0}.inv-num-input{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;text-align:right}.inv-num-input:focus{outline:none;border-color:var(--primary)}.inv-rate-cell{display:flex;align-items:center;gap:4px}.inv-rate-cell .inv-num-input{flex:1}.inv-currency-tag{font-size:11px;font-weight:700;color:var(--text-muted);white-space:nowrap}.inv-col-actions{display:flex;gap:4px;align-items:center;justify-content:flex-end}.inv-line-total{font-weight:700;font-size:13px;text-align:right;padding:7px 2px;color:var(--text-primary)}.inv-new-line-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-top:1px solid var(--border-soft);width:100%;font-size:13px;font-weight:600;color:var(--primary);cursor:pointer;transition:background .15s}.inv-new-line-btn:hover{background:#f0f4ff}.inv-footer-grid{display:grid;grid-template-columns:1fr 320px;gap:32px;margin-bottom:20px}.inv-notes-col textarea{width:100%;resize:vertical;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;line-height:1.6}.inv-notes-col textarea:focus{outline:none;border-color:var(--primary)}.inv-add-discount-btn{background:none;border:none;cursor:pointer;color:var(--primary);font-size:13px;font-weight:600;padding:4px 0;margin-top:6px}.inv-add-discount-btn:hover{text-decoration:underline}.inv-totals-col{display:flex;flex-direction:column;gap:0}.inv-totals-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;font-size:14px;border-bottom:1px solid var(--border-soft)}.inv-totals-row span:first-child{color:var(--text-muted);display:flex;align-items:center;gap:8px}.inv-totals-row span:last-child{font-weight:600;color:var(--text-primary)}.inv-tax-badge{background:#f0f4ff;color:var(--primary);font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px}.inv-total-line{border-top:2px solid var(--border);margin-top:4px;font-size:15px}.inv-total-line span{font-weight:700;color:var(--text-primary)}.inv-total-due-bar{display:flex;justify-content:space-between;align-items:center;background:var(--secondary);color:#fff;padding:12px 14px;border-radius:0 0 var(--radius) var(--radius);margin-top:4px}.inv-total-due-bar span:first-child{font-size:13px;font-weight:700}.inv-total-due-amount{font-size:18px;font-weight:800;letter-spacing:.02em}.inv-form-footer{display:flex;gap:28px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}@media (max-width: 768px){.inv-form-body{padding:16px 16px 40px}.inv-from-to-grid{grid-template-columns:1fr}.inv-dates-col{min-width:0}.inv-meta-row{flex-direction:column-reverse;gap:16px}.inv-logo-box{width:80px;height:60px}.inv-footer-grid{grid-template-columns:1fr}.inv-totals-col{order:-1}}@media (max-width: 640px){.inv-items-head{display:none}.inv-item-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.inv-col-name{grid-column:1 / -1}.inv-col-actions{justify-content:flex-end}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.inv-form-bar{padding-inline:max(24px,calc((100vw - 1180px)/2))}@media (min-width: 1400px){.inv-form-body{padding:34px 48px 64px}}@media (max-width: 700px){.inv-form-body{padding:18px 16px 40px}.inv-form-bar{padding-inline:14px}}.imp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0a121e8c;display:flex;align-items:center;justify-content:center;padding:24px}.imp-sheet{background:#fff;border-radius:18px;width:100%;max-width:980px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px #00000040}.imp-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,#0d1b2a,#1e3448);color:#fff}.imp-bar-title{font-size:16px;font-weight:700}.imp-close{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.imp-body{padding:22px 24px;overflow:auto;flex:1}.imp-lead{font-size:14px;color:#384d68;margin:0 0 12px;line-height:1.55}.imp-points{margin:0 0 20px;padding-inline-start:20px;color:#5b6b81;font-size:13px;line-height:1.75}.imp-drop{border:2px dashed #cfd8e3;border-radius:14px;padding:34px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.imp-drop:hover{border-color:#b8912f;background:#fdfaf3}.imp-drop svg{width:30px;height:30px;color:#98a6b8}.imp-drop-main{font-size:14px;font-weight:600;color:#16233a;margin-top:8px}.imp-drop-sub{font-size:12px;color:#8b98a9;margin-top:3px}.imp-template{margin-top:14px;display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:6px 0;color:#b8912f;font-size:13px;font-weight:600;cursor:pointer}.imp-template svg{width:15px;height:15px}.imp-error{margin-top:14px;padding:11px 14px;background:#fdeceb;border:1px solid #f5c6c2;border-radius:10px;color:#96201a;font-size:13px}.imp-busy{margin-top:18px;display:flex;align-items:center;gap:10px;color:#5b6b81;font-size:13px}.imp-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #eef2f6}.imp-file{font-size:13px;font-weight:600;color:#16233a}.imp-stats{display:flex;gap:8px;flex-wrap:wrap}.imp-stat{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;background:#f0f3f8;color:#4a5a70}.imp-stat-ok{background:#e6f6ec;color:#1c7a3e}.imp-stat-bad{background:#fdeceb;color:#96201a}.imp-check{display:flex;align-items:center;gap:9px;font-size:13px;color:#384d68;margin-bottom:14px}.imp-table-wrap{overflow-x:auto;border:1px solid #eef2f6;border-radius:12px}.imp-table{width:100%;border-collapse:collapse;font-size:12.5px}.imp-table th{text-align:start;padding:10px 12px;background:#f7f9fc;color:#7b8798;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.imp-table td{padding:10px 12px;border-top:1px solid #f0f3f8;vertical-align:top;color:#26364d}.imp-num{text-align:end;white-space:nowrap}.imp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.imp-row-invalid,.imp-row-failed{background:snow}.imp-row-skipped{opacity:.62}.imp-badge{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:20px;background:#f0f3f8;color:#4a5a70}.imp-badge-ready{background:#e6f6ec;color:#1c7a3e}.imp-badge-imported{background:#1c7a3e;color:#fff}.imp-badge-invalid,.imp-badge-failed{background:#fdeceb;color:#96201a}.imp-note{font-size:11.5px;line-height:1.5;margin-top:4px;color:#7b8798;max-width:380px}.imp-note-bad{color:#96201a}.imp-note-warn{color:#8a6a1a}.imp-warnbar{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 14px;background:#fdf7e8;border:1px solid #ecd9a6;border-radius:10px;color:#6d5312;font-size:12.5px}.imp-warnbar svg{width:17px;height:17px;flex:0 0 auto}.imp-done{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px 14px;background:#e6f6ec;border:1px solid #b6e0c4;border-radius:10px;color:#1c7a3e;font-size:13px;font-weight:600}.imp-done svg{width:18px;height:18px}.imp-foot{display:flex;justify-content:flex-end;gap:10px;padding:15px 24px;border-top:1px solid #eef2f6;background:#fbfcfe}@media (max-width: 640px){.imp-overlay{padding:0}.imp-sheet{max-height:100vh;border-radius:0}.imp-note{max-width:none}}.isv-modal{position:relative;padding:0;overflow:hidden}.isv-x{position:absolute;inset-inline-end:12px;top:12px;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;color:var(--text-muted);line-height:0}.isv-x:hover{background:var(--hover-bg, #f3f5f9);color:var(--text-primary)}.isv-x svg{width:18px;height:18px}.isv-head{padding:30px 28px 22px;text-align:center}.isv-badge{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;background:var(--success, #16a34a);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #16a34a1f}.isv-badge svg{width:26px;height:26px}.isv-head h3{margin:0;font-size:19px;font-weight:800;color:var(--text-primary)}.isv-number{margin:6px 0 0;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.3px;color:var(--secondary, #c9a24b)}.isv-lead{margin:10px 0 0;font-size:13.5px;line-height:1.6;color:var(--text-secondary, #64708a)}.isv-actions{display:flex;flex-direction:column;gap:10px;padding:4px 24px 22px}.isv-action{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:start;background:var(--bg-card, #fff);border:1px solid var(--border, #e7ebf3);border-radius:var(--radius-lg, 14px);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .08s ease}.isv-action:hover:not(:disabled){border-color:var(--secondary, #c9a24b);background:var(--gold-wash, #fbf3dc)}.isv-action:active:not(:disabled){transform:translateY(1px)}.isv-action:disabled{opacity:.55;cursor:not-allowed}.isv-action--primary{border-color:var(--secondary, #c9a24b)}.isv-action--primary .isv-ico{background:var(--secondary, #c9a24b);color:#fff}.isv-ico{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg, #f3f5f9);color:var(--text-primary)}.isv-ico svg{width:18px;height:18px}.isv-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.isv-label strong{font-size:14px;font-weight:700;color:var(--text-primary)}.isv-label small{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.isv-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 24px;border-top:1px solid var(--border, #e7ebf3);background:var(--bg-subtle, #f8fafc)}.inv-page{padding:24px;background:var(--bg-main);min-height:100vh}.inv-summary-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.inv-sum-card{flex:1 1 calc(25% - 11px);min-width:0}.inv-sum-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000d}.inv-sum-card.accent-red{border-left:3px solid #ef4444}.inv-sum-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inv-sum-icon svg{width:20px;height:20px}.inv-sum-icon.blue{background:#eff6ff;color:#2563eb}.inv-sum-icon.green{background:#f0fdf4;color:#16a34a}.inv-sum-icon.orange{background:#fff7ed;color:#d97706}.inv-sum-icon.red{background:#fef2f2;color:#dc2626}.inv-sum-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}.inv-sum-body{min-width:0}.inv-sum-value{font-size:clamp(16px,1.25vw,19px);font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.inv-sum-label,.inv-sum-sub{overflow-wrap:anywhere}.inv-sum-sub{font-size:11.5px;color:var(--text-muted);margin-top:3px}.inv-age-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:0 1px 4px #0000000d}.inv-age-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.inv-age-bars{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.inv-age-row{display:flex;align-items:center;gap:8px}.inv-age-lbl{width:72px;font-size:11px;color:var(--text-muted);flex-shrink:0}.inv-age-track{flex:1;height:7px;background:var(--border);border-radius:4px;overflow:hidden}.inv-age-fill{height:100%;border-radius:4px;transition:width .4s ease;min-width:0}.inv-age-amt{width:140px;font-size:11px;font-weight:600;text-align:right}.inv-cbar-wrap{margin-top:4px}.inv-cbar-track{height:8px;border-radius:4px;background:var(--border);overflow:hidden;display:flex}.inv-cbar-paid{background:#16a34a;height:100%;transition:width .4s}.inv-cbar-pend{background:#f59e0b;height:100%;transition:width .4s}.inv-cbar-over{background:#ef4444;height:100%;transition:width .4s}.inv-cbar-legend{display:flex;gap:12px;margin-top:6px;font-size:10.5px;color:var(--text-muted)}.inv-cbar-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:3px;vertical-align:middle}.inv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.inv-status-tabs{display:flex;gap:3px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:4px;flex-wrap:wrap}.inv-tab{padding:6px 14px;border-radius:7px;border:none;background:transparent;font-size:12.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px}.inv-tab:hover{background:var(--hover-bg)}.inv-tab.active{background:var(--primary);color:#fff}.inv-tab-count{font-size:10px;font-weight:700;background:#ffffff40;border-radius:20px;padding:1px 6px}.inv-tab:not(.active) .inv-tab-count{background:var(--border);color:var(--text-muted)}.inv-toolbar-right{display:flex;gap:10px;align-items:center;min-width:0}.inv-search{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;min-width:0}.inv-search svg{color:var(--text-muted);flex-shrink:0}.inv-search input{border:none;outline:none;background:transparent;font-size:13px;color:var(--text-primary);width:200px;min-width:0;flex:1 1 auto}.inv-new-btn{display:flex;align-items:center;gap:6px;background:var(--secondary);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.inv-new-btn svg{width:16px;height:16px}.inv-new-btn:hover{background:var(--secondary-dark)}.inv-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.inv-table{width:100%;border-collapse:collapse;min-width:860px}.inv-table th{padding:11px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg-soft)}.inv-table td{padding:12px 14px;font-size:13.5px;border-bottom:1px solid var(--border);color:var(--text-primary)}.inv-table tr:last-child td{border-bottom:none}.inv-row{cursor:pointer;transition:background .1s}.inv-row:hover td{background:var(--hover-bg)}.inv-empty-row{text-align:center;padding:48px;color:var(--text-muted)}.inv-td-num{font-family:Courier New,monospace;font-weight:700;font-size:13px;color:var(--primary)}.inv-td-date{font-size:12.5px;color:var(--text-secondary);white-space:nowrap}.inv-td-amt{text-align:right;font-weight:600;white-space:nowrap}.inv-td-paid{color:#16a34a}.inv-late{font-size:10.5px;color:#dc2626;font-weight:700;margin-top:2px}.inv-balance{font-weight:700}.inv-balance.red{color:#dc2626}.inv-balance.green{color:#16a34a}.inv-badge{padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.inv-td-links{white-space:nowrap}.inv-pill{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;padding:2px 6px;border-radius:5px;margin-right:3px;letter-spacing:.03em;cursor:default}.inv-pill.q{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.inv-pill.r{background:#f3e8ff;color:#7c3aed;border:1px solid #ddd6fe}.inv-pill.p{background:#fff7ed;color:#d97706;border:1px solid #fed7aa}.inv-pill.cn{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.inv-pill.py{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.inv-td-actions{white-space:nowrap}.inv-act{width:30px;height:30px;border:none;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);color:var(--text-secondary);transition:all .15s;margin-right:4px}.inv-act svg{width:14px;height:14px}.inv-act:hover{background:var(--primary);color:#fff}.inv-pager{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;font-size:13px;color:var(--text-muted)}.inv-pager div{display:flex;align-items:center;gap:10px}.inv-pager button{padding:6px 12px;border:1px solid var(--border);border-radius:7px;background:var(--bg-card);cursor:pointer;font-size:14px}.inv-pager button:disabled{opacity:.4;cursor:default}.inv-relations-panel{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-top:16px}.inv-relations-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.inv-rel-group{margin-bottom:14px}.inv-rel-group-label{font-size:11px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.inv-rel-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:4px;font-size:13px}.inv-rel-num{font-weight:700;font-family:monospace;color:var(--primary)}.inv-rel-meta{color:var(--text-muted);font-size:11.5px}.inv-rel-amt{margin-left:auto;font-weight:700}.inv-payments-table{width:100%;border-collapse:collapse;font-size:13px}.inv-payments-table th{padding:7px 10px;background:var(--bg-soft);font-size:11px;font-weight:700;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border)}.inv-payments-table td{padding:9px 10px;border-bottom:1px solid var(--border)}.inv-payments-table tr:last-child td{border-bottom:none}.inv-del-pmt{background:none;border:none;cursor:pointer;color:#dc2626;padding:2px 6px;border-radius:5px}.inv-del-pmt:hover{background:#fef2f2}.inv-age-card{flex:1 1 100%}@media (max-width: 1250px){.inv-sum-card{flex-basis:calc(50% - 7px)}}@media (max-width: 900px){.inv-toolbar{flex-direction:column;align-items:stretch;gap:10px}.inv-toolbar-right{display:flex;gap:10px;width:100%;min-width:0}.inv-search{flex:1 1 auto;min-width:0}.inv-status-tabs{overflow-x:auto;flex-wrap:nowrap;width:100%;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.inv-status-tabs::-webkit-scrollbar{display:none}.inv-tab{flex:0 0 auto}}@media (max-width: 640px){.inv-page{padding:14px}.inv-summary-row{gap:10px}.inv-sum-card{flex:1 1 100%}.inv-sum-value{font-size:18px}.inv-sum-card{padding:14px;gap:12px}.inv-sum-value{font-size:17px}.inv-new-btn{white-space:nowrap;flex:0 0 auto;padding:9px 14px}.inv-pager{flex-direction:column;gap:10px;align-items:stretch;text-align:center}}.inv-act.danger:hover{background:var(--danger, #dc2626);color:#fff}.cn-voided .inv-td-num,.cn-voided .inv-td-amt{text-decoration:line-through;opacity:.6}.cn-reason-note{font-size:11.5px;color:var(--text-muted);margin-top:2px}.inv-th-check,.inv-td-check{width:40px;text-align:center;padding-inline:8px!important}.inv-th-check input,.inv-td-check input{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.inv-row-selected{background:color-mix(in srgb,var(--primary) 6%,transparent)!important}.inv-bulk-bar{display:flex;align-items:center;gap:16px;padding:10px 16px;margin-bottom:12px;background:var(--primary);color:#fff;border-radius:12px;box-shadow:var(--shadow-md, 0 6px 20px rgba(13,27,42,.18));animation:inv-bulk-in .16s ease}@keyframes inv-bulk-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inv-bulk-count{font-weight:700;font-size:14px}.inv-bulk-actions{display:flex;gap:8px}.inv-bulk-bar .btn-outline{background:#ffffff1a;border-color:#ffffff59;color:#fff}.inv-bulk-bar .btn-outline:hover{background:#fff3}.inv-bulk-bar .inv-bulk-danger{border-color:#ff8c8299;color:#ffd9d4}.inv-bulk-bar .inv-bulk-danger:hover{background:#e5484d4d}.inv-bulk-clear{margin-inline-start:auto;background:none;border:none;color:#ffffffd9;font-size:13px;font-weight:600;cursor:pointer;padding:6px 8px;border-radius:6px}.inv-bulk-clear:hover{color:#fff;text-decoration:underline}.inv-import-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid #d8e0ea;border-radius:10px;background:#fff;color:#46586f;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.inv-import-btn:hover{background:#f5f8fc;border-color:#c2cedd}.inv-import-btn svg{width:15px;height:15px}.qt-items{overflow-x:auto}@media (min-width: 641px){.qt-items .inv-items-head,.qt-items .inv-item-row{min-width:680px}}.ipk-panel{max-width:620px;width:100%;display:flex;flex-direction:column;max-height:min(80vh,760px)}.ipk-subtitle{font-size:12.5px;color:var(--text-muted);margin-top:3px}.ipk-body{display:flex;flex-direction:column;min-height:0;gap:14px}.ipk-search{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border, #e2e8f0);border-radius:10px;background:var(--bg-card, #fff);flex-shrink:0}.ipk-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.ipk-search>svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.ipk-search input{flex:1;border:none;outline:none;background:none;padding:11px 0;font-size:14px;color:var(--text-primary);min-width:0}.ipk-clear{background:none;border:none;cursor:pointer;padding:3px;border-radius:5px;color:var(--text-muted);display:flex}.ipk-clear svg{width:14px;height:14px}.ipk-clear:hover{background:var(--hover-bg, #f3f5f9);color:var(--text-primary)}.ipk-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-inline-end:2px}.ipk-item{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:start;padding:12px 14px;border:1px solid var(--border-soft, #eef1f6);border-radius:11px;background:var(--bg-card, #fff);cursor:pointer;font:inherit;transition:border-color .12s,background .12s,box-shadow .12s}.ipk-item:hover{background:var(--hover-bg, #f8fafc)}.ipk-item.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,transparent);box-shadow:0 0 0 1px var(--primary)}.ipk-item.overdue{border-inline-start:3px solid var(--danger, #dc2626)}.ipk-item-main{flex:1;min-width:0}.ipk-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.ipk-num{font-family:SFMono-Regular,Consolas,monospace;font-size:13.5px;font-weight:700;color:var(--text-primary)}.ipk-status{font-size:10px!important}.ipk-overdue{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--danger, #dc2626);background:#fef2f2;padding:2px 7px;border-radius:20px;white-space:nowrap}.ipk-overdue svg{width:11px;height:11px}.ipk-client{font-size:13.5px;color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ipk-meta{font-size:11.5px;color:var(--text-muted);margin-top:2px}.ipk-progress{height:4px;border-radius:3px;margin-top:7px;background:var(--bg-soft, #eef1f6);overflow:hidden;max-width:200px}.ipk-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#16a34a,#22c55e)}.ipk-item-amount{text-align:end;flex-shrink:0}.ipk-bal-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:1px;white-space:nowrap}.ipk-bal{font-size:16px;font-weight:800;white-space:nowrap;color:var(--secondary, #8A6D1F)}.ipk-bal-of{font-size:10.5px;color:var(--text-muted);margin-top:2px;white-space:nowrap}.ipk-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:44px 20px;text-align:center}.ipk-empty-icon{width:30px;height:30px;color:var(--border, #cbd5e1)}.ipk-empty-tick{width:44px;height:44px;border-radius:50%;background:#f0fdf4;color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.ipk-empty-title{font-size:14.5px;font-weight:700;color:var(--text-primary)}.ipk-empty-sub{font-size:12.5px;color:var(--text-muted);max-width:320px;line-height:1.6}.ipk-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--border-soft, #eef1f6);flex-shrink:0;flex-wrap:wrap}.ipk-hint,.ipk-truncated{font-size:11px;color:var(--text-muted)}.ipk-truncated{font-weight:600}@media (max-width: 560px){.ipk-item{flex-direction:column;gap:8px}.ipk-item-amount{text-align:start}.ipk-hint{display:none}}.pay-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:0}@media (max-width: 900px){.pay-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.pay-stats-row{grid-template-columns:1fr}}.pay-stat-card{background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000a}.pay-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pay-stat-icon svg{width:22px;height:22px}.pay-stat-label{font-size:12px;color:var(--text-muted, #6b7280);margin-bottom:4px}.pay-stat-value{font-size:20px;font-weight:700;color:var(--text-main, #111)}.toolbar-date{height:36px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:0 10px;font-size:13px;background:var(--card-bg, #fff);color:var(--text-main, #111)}.pay-method-badge{display:inline-block;padding:3px 10px;border-radius:8px;background:var(--bg-main, #F2F4F7);font-size:12px;text-transform:capitalize}.pay-picker-list{display:flex;flex-direction:column;gap:8px}.pay-picker-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--bg-main, #F2F4F7);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.pay-picker-item:hover{border-color:var(--secondary, #8A6D1F);background:#fff;box-shadow:0 2px 8px #0000000f}.pay-picker-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pay-picker-left{min-width:0}.pay-picker-right{text-align:end;flex-shrink:0;margin-inline-start:12px}.pay-picker-num{font-weight:700;font-size:14px;font-family:monospace}.pay-picker-client{font-size:12px;color:var(--text-muted, #6b7280);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-picker-amount{font-weight:700;font-size:15px;color:var(--secondary, #8A6D1F)}.reports-tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:0}.reports-tab{display:flex;align-items:center;gap:7px;padding:11px 18px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-muted);transition:color .15s,border-color .15s}.reports-tab:hover{color:var(--text-main)}.reports-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.reports-tab-icon{width:17px;height:17px}.report-section{display:flex;flex-direction:column;gap:20px}.report-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.report-kpi-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;position:relative;overflow:hidden}.report-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.report-kpi-card.accent-blue:before{background:var(--primary)}.report-kpi-card.accent-green:before{background:#22c55e}.report-kpi-card.accent-amber:before{background:#f59e0b}.report-kpi-card.accent-red:before{background:#ef4444}.report-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.report-kpi-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.report-kpi-icon{width:32px;height:32px;background:#f1f4f8;border-radius:8px;display:flex;align-items:center;justify-content:center}.report-kpi-icon svg{width:18px;height:18px;color:var(--primary)}.report-kpi-value{font-size:22px;font-weight:800;color:var(--text-main)}.report-kpi-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.report-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.report-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.report-card-title{font-size:14px;font-weight:700;color:var(--text-main)}.report-card-sub{font-size:13px;color:var(--text-muted)}.collection-bar-wrap{display:flex;align-items:center;gap:12px;margin:12px 0 6px}.collection-bar-track{flex:1;height:12px;background:#f1f4f8;border-radius:6px;overflow:hidden}.collection-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:6px;transition:width .5s}.collection-bar-pct{font-size:15px;font-weight:700;color:#16a34a;min-width:44px}.collection-bar-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.aging-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.aging-bucket-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;border-top:3px solid}.aging-bucket-label{font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.aging-bucket-value{font-size:20px;font-weight:800;color:var(--text-main)}.aging-bucket-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.aging-exposure-bar{height:8px;background:#f1f4f8;border-radius:4px;overflow:hidden;min-width:80px}.aging-exposure-fill{height:100%;background:linear-gradient(90deg,var(--primary),#1e3448);border-radius:4px}.sales-total-bar{font-size:13px;color:var(--text-muted);background:#fafbfc;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:16px}.sales-total-bar strong{color:var(--primary);font-size:15px}.sales-bar-track{flex:1;height:8px;background:#f1f4f8;border-radius:4px;overflow:hidden;min-width:80px}.sales-bar-fill{height:100%;background:linear-gradient(90deg,var(--secondary),#A9862B);border-radius:4px}.report-date-input{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;background:#fff;color:var(--text-main);cursor:pointer}.report-date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d1b2a14}@media (max-width: 900px){.report-kpi-grid,.aging-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.report-kpi-grid{grid-template-columns:1fr}.aging-summary-grid{grid-template-columns:1fr 1fr}.reports-tab-bar{overflow-x:auto}.reports-tab{white-space:nowrap}}.cf-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;border:none;background:none;font-size:12.5px;font-weight:600;color:var(--primary, #0D1B2A);cursor:pointer}.cf-toggle svg{width:14px;height:14px}.cf-toggle:hover{text-decoration:underline}.cf-form{margin-top:10px}.cf-row{display:flex;gap:8px}.cf-row input{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--border, #e2e8f0);border-radius:9px;font-size:13px;letter-spacing:.5px;background:var(--surface, #fff);color:var(--text, #0f172a)}.cf-row input:focus{outline:none;border-color:var(--primary, #0D1B2A);box-shadow:0 0 0 3px #0d1b2a12}.cf-apply{padding:9px 16px;border:none;border-radius:9px;background:var(--primary, #0D1B2A);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.cf-apply:disabled{opacity:.5;cursor:default}.cf-error{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:12px;color:var(--danger, #dc2626)}.cf-error svg{width:13px;height:13px;flex-shrink:0}.cf-applied{margin-top:12px;padding:12px 14px;border:1px solid #bbf7d0;border-radius:11px;background:#f0fdf4}.cf-applied-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.cf-applied-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#16a34a;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.4px}.cf-applied-badge svg{width:12px;height:12px}.cf-remove{border:none;background:none;font-size:12px;color:#15803d;cursor:pointer}.cf-remove:hover{text-decoration:underline}.cf-applied-lines{display:flex;flex-direction:column;gap:4px}.cf-line{display:flex;justify-content:space-between;font-size:12.5px;color:#166534}.cf-strike{text-decoration:line-through;opacity:.65}.cf-line--off{font-weight:600}.cf-line--total{margin-top:5px;padding-top:7px;border-top:1px solid #bbf7d0;font-size:14px;font-weight:700;color:#14532d}.cf-duration{margin:8px 0 0;font-size:11.5px;color:#15803d}.bil-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px 24px}.bil-usage-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.bil-usage-label{font-size:13px;font-weight:600;color:var(--text-primary)}.bil-usage-count{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}.bil-usage-count.ok{color:var(--text-muted)}.bil-usage-count.warn{color:#d97706}.bil-usage-count.full{color:var(--danger, #dc2626)}.bil-usage-track{height:7px;border-radius:5px;overflow:hidden;background:var(--bg-soft, #eef1f6)}.bil-usage-fill{height:100%;border-radius:5px;transition:width .3s ease}.bil-usage-fill.ok{background:linear-gradient(90deg,var(--primary),var(--primary-light-blue, #24384f))}.bil-usage-fill.warn{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bil-usage-fill.full{background:linear-gradient(90deg,#dc2626,#ef4444)}.bil-usage-note{margin:16px 0 0;font-size:12px;color:var(--text-muted);line-height:1.6}.bil-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:20px}.bil-plan{position:relative;display:flex;flex-direction:column;background:var(--bg-card, #fff);border:1px solid var(--border, #e7ebf3);border-radius:var(--radius-lg, 16px);padding:24px 22px 22px;transition:border-color .15s,box-shadow .15s,transform .15s}.bil-plan:hover{box-shadow:var(--shadow-md, 0 6px 24px rgba(13,27,42,.09));transform:translateY(-2px)}.bil-plan.current{border-color:var(--secondary, #8A6D1F);box-shadow:0 0 0 1px var(--secondary, #8A6D1F)}.bil-plan.sales{border-color:var(--primary, #0D1B2A)}.bil-plan-badge{position:absolute;top:-10px;inset-inline-start:22px;background:var(--secondary, #8A6D1F);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:4px 10px;border-radius:20px}.bil-plan-name{font-size:15px;font-weight:800;color:var(--text-primary);letter-spacing:.2px;margin-bottom:10px}.bil-plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:18px;min-height:42px}.bil-plan-cur{font-size:15px;font-weight:700;color:var(--text-secondary, #64708a)}.bil-plan-amt{font-size:36px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.bil-plan-per{font-size:13px;color:var(--text-muted)}.bil-plan-custom{font-size:19px;font-weight:700;color:var(--primary)}.bil-plan-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:9px;flex:1}.bil-plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;color:var(--text-secondary, #4a5573)}.bil-plan-features svg{width:15px;height:15px;flex-shrink:0;margin-top:2px;color:#16a34a;stroke-width:2.5}.bil-plan-action{margin-top:auto}.bil-footnote{margin-top:20px;font-size:12.5px;color:var(--text-muted);text-align:center;line-height:1.7}.bil-footnote a{color:var(--primary);font-weight:600}.bil-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0a122080;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow-y:auto;animation:bil-fade .12s ease}@keyframes bil-fade{0%{opacity:0}to{opacity:1}}.bil-modal{width:100%;max-width:560px;background:var(--bg-card, #fff);border-radius:var(--radius-lg, 16px);box-shadow:0 24px 70px #0a122052;animation:bil-rise .16s ease}@keyframes bil-rise{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.bil-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border, #e7ebf3)}.bil-modal-head h3{margin:0;font-size:17px;font-weight:800;color:var(--text-primary)}.bil-modal-x{background:none;border:none;cursor:pointer;font-size:26px;line-height:1;color:var(--text-muted);padding:0 4px;border-radius:6px}.bil-modal-x:hover{color:var(--text-primary);background:var(--hover-bg, #f3f5f9)}.bil-modal-body{padding:20px 24px}.bil-modal-lead{margin:0 0 16px;font-size:13.5px;color:var(--text-secondary, #64708a);line-height:1.6}.bil-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border, #e7ebf3)}.bil-pending{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.bil-pending p{margin:4px 0 0;font-size:13px;line-height:1.55;font-weight:400}.bil-pending-actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 560px){.bil-plans{grid-template-columns:1fr}.bil-pending-actions{width:100%}}.settings-layout{display:flex;gap:28px;align-items:flex-start;padding:4px 0}.settings-sidebar{width:230px;flex-shrink:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 0 12px;position:sticky;top:calc(var(--topbar-height) + 16px)}.settings-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 18px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.settings-nav{display:flex;flex-direction:column;gap:2px;padding:0 8px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);transition:background .15s,color .15s;position:relative}.settings-nav-item:hover{background:var(--bg-page);color:var(--text-main)}.settings-nav-item.active{background:#eef3ff;color:var(--primary);font-weight:600}.settings-nav-item.active:before{content:"";position:absolute;inset-inline-start:-8px;top:6px;bottom:6px;width:3px;background:var(--primary);border-radius:2px}.s-nav-icon{width:18px;height:18px;flex-shrink:0}.settings-content{flex:1;min-width:0}.settings-section{display:flex;flex-direction:column;gap:20px}.settings-section-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--border)}.settings-section-head h3{font-size:18px;font-weight:700;color:var(--text-main);margin:0}.settings-section-head p{font-size:13px;color:var(--text-muted);margin:2px 0 0}.ss-icon{width:28px;height:28px;color:var(--primary);flex-shrink:0}.onboarding-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:var(--radius-xl);background:var(--gradient-primary);color:#fff}.onboarding-banner-icon{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center}.onboarding-banner-icon svg{width:22px;height:22px}.onboarding-banner h4{font-size:15px;font-weight:700;margin:0 0 2px}.onboarding-banner p{font-size:13px;color:#ffffffd9;margin:0}.settings-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.settings-card-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-soft)}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-actions{order:-1;display:flex;justify-content:flex-end;padding:0 0 4px}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:28px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s;min-height:120px;background:#fafbfc}.upload-zone:hover,.upload-zone.drag{border-color:var(--primary);background:#eef3ff}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.upload-icon{width:28px;height:28px;color:var(--text-muted)}.upload-label{font-size:14px;font-weight:600;color:var(--text-main)}.upload-hint{font-size:12px;color:var(--text-muted)}.upload-preview{max-height:100px;max-width:200px;object-fit:contain;border-radius:var(--radius-md)}.logo-upload-row{display:flex;align-items:center;gap:16px}.logo-upload-row .upload-zone{flex:1}.brand-colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-color-item{display:flex;flex-direction:column;gap:6px}.brand-color-item label{font-size:13px;font-weight:600;color:var(--text-main)}.color-picker-row{display:flex;align-items:center;gap:10px}.color-swatch{width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;cursor:pointer;background:none}.color-hex{flex:1;font-family:monospace;font-size:14px}.color-hint{font-size:12px;color:var(--text-muted)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-option{border:2px solid var(--border);border-radius:var(--radius-lg);padding:12px;cursor:pointer;position:relative;transition:border-color .2s}.template-option input{display:none}.template-option:hover{border-color:var(--primary)}.template-option.selected{border-color:var(--primary);background:#eef3ff}.template-preview{height:90px;border-radius:var(--radius-md);overflow:hidden;padding:10px;display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.tpl-header{height:16px;border-radius:4px}.tpl-lines{display:flex;flex-direction:column;gap:5px;flex:1}.tpl-lines div{height:8px;background:#e2e8f0;border-radius:3px}.tpl-lines .short{width:60%}.tpl-total{height:12px;border-radius:4px;width:50%;align-self:flex-end}.template-label{display:flex;flex-direction:column;gap:2px}.template-label strong{font-size:13px;color:var(--text-main)}.template-label span{font-size:12px;color:var(--text-muted)}.template-check{position:absolute;top:8px;right:8px;width:22px;height:22px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.template-check svg{width:13px;height:13px}.stamp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stamp-hint{font-size:13px;color:var(--text-muted);margin:0 0 14px;line-height:1.5}.stamp-status{display:flex;gap:16px;background:#fafbfc;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:12px 16px}.stamp-status-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.stamp-status-item svg{width:16px;height:16px;color:#cbd5e1}.stamp-status-item.ok{color:#22c55e}.stamp-status-item.ok svg{color:#22c55e}.team-grid{display:flex;flex-direction:column;gap:10px}.team-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 18px;transition:box-shadow .15s}.team-card:hover{box-shadow:var(--shadow-sm)}.team-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#1e3448 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.team-info{flex:1}.team-name{font-size:14px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:6px}.team-email{font-size:12px;color:var(--text-muted);margin-top:2px}.team-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.role-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:capitalize}.role-badge.role-admin{background:#ede9fe;color:#7c3aed}.role-badge.role-owner{background:#fef3c7;color:#d97706}.role-badge.role-accountant{background:#dbeafe;color:#2563eb}.role-badge.role-sales{background:#d1fae5;color:#059669}.role-badge.role-viewer{background:#f1f5f9;color:#64748b}.numbering-preview{padding:9px 12px;background:#f1f4f8;border-radius:var(--radius-md);font-family:monospace;font-size:14px;font-weight:600;color:var(--primary);border:1px solid var(--border);height:40px;display:flex;align-items:center}.profile-avatar-section{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.profile-avatar-circle{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.profile-name{font-size:17px;font-weight:700;color:var(--text-main)}.profile-email{font-size:13px;color:var(--text-muted);margin:2px 0 6px}.badge-owner{display:inline-block;font-size:10px;font-weight:700;background:var(--primary);color:#fff;border-radius:4px;padding:1px 6px;text-transform:uppercase;letter-spacing:.04em}@media (max-width: 768px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;position:static}.settings-nav{flex-direction:row;flex-wrap:wrap;padding:0 4px}.settings-nav-item{font-size:13px;padding:7px 10px}.settings-nav-item.active:before{display:none}.brand-colors-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}.stamp-grid{grid-template-columns:1fr}}.num-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.num-format-option{border:2px solid var(--border);border-radius:var(--radius-lg);padding:16px;cursor:pointer;position:relative;transition:border-color .2s}.num-format-option input{display:none}.num-format-option:hover{border-color:var(--primary)}.num-format-option.selected{border-color:var(--primary);background:#eef3ff}.num-format-example{font-family:Courier New,monospace;font-size:18px;font-weight:800;color:var(--primary);letter-spacing:.03em;margin-bottom:6px}.num-format-label{font-size:13px;font-weight:700;color:var(--text-main);margin-bottom:3px}.num-format-desc{font-size:12px;color:var(--text-muted)}.cs-wrap{position:relative;width:100%}.cs-trigger{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;padding:8px 12px;background:var(--bg-card);font-family:var(--font);font-size:14px;color:var(--text-primary);cursor:pointer;text-align:start;transition:border-color .15s,box-shadow .15s}.cs-trigger:hover{border-color:var(--primary)}.cs-trigger.open,.cs-trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #0d1b2a1a;outline:none}.cs-flag{font-size:18px;line-height:1;flex-shrink:0}.cs-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-placeholder{flex:1;color:var(--text-muted)}.cs-arrow{width:14px;height:14px;color:var(--text-muted);margin-inline-start:auto;flex-shrink:0;transition:transform .2s}.cs-trigger.open .cs-arrow{transform:rotate(180deg)}.cs-dropdown{position:absolute;top:calc(100% + 6px);inset-inline-start:0;right:0;z-index:600;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 36px #0d1b2a29;overflow:hidden;animation:cs-pop .14s ease-out}@keyframes cs-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.cs-dropdown{animation:none}.cs-arrow{transition:none}}.cs-search-row{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border-soft);background:var(--bg-soft)}.cs-search-row svg{color:var(--text-muted);flex-shrink:0}.cs-search{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font);font-size:13.5px;color:var(--text-primary)}.cs-list{max-height:264px;overflow-y:auto;overscroll-behavior:contain;padding:5px}.cs-list::-webkit-scrollbar{width:5px}.cs-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cs-option{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;cursor:pointer;transition:background .12s}.cs-option:hover{background:var(--hover-bg)}.cs-option.active{background:var(--gold-wash, #FBF3DC)}.cs-option .cs-flag{font-size:19px}.cs-oname{flex:1;min-width:0;font-size:13.5px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-ocode{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.04em}.cs-option.active .cs-ocode{color:var(--secondary)}.cs-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.cs-option-custom{border-top:1px solid var(--border)}.cs-option-custom .cs-oname{color:var(--text-secondary, #64708a);font-style:italic}.settings-form .ph-wrap{--ph-pad-y: 8px;--ph-pad-x: 12px;--ph-radius: 7px;--ph-border: 1px;--ph-font: 14px}.sessions-list{display:flex;flex-direction:column}.session-row{display:flex;align-items:center;gap:14px;padding:14px 2px;border-bottom:1px solid var(--border-soft)}.session-row:last-child{border-bottom:none}.session-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg-soft);color:var(--primary);flex-shrink:0}.session-icon svg{width:20px;height:20px}.session-info{flex:1;min-width:0}.session-device{font-weight:600;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.session-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.session-current-badge{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#16a34a;background:#16a34a1a;padding:2px 8px;border-radius:20px}.session-revoke{color:var(--danger)}.login-history-table{margin-top:4px}.login-history-table td{font-size:13px}.profile-hero{display:flex;gap:22px;align-items:flex-start;padding:22px;margin-bottom:14px;border:1px solid var(--border);border-radius:14px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--primary, #0D1B2A) 7%,transparent) 0%,transparent 60%),var(--surface, #fff)}.profile-hero-avatar{position:relative;border-radius:50%}.profile-hero-avatar.is-dragging{outline:2px dashed var(--primary, #0D1B2A);outline-offset:6px}.profile-avatar-btn{position:relative;padding:0;border:none;background:none;cursor:pointer;line-height:0;border-radius:50%}.profile-avatar-btn:disabled{cursor:default;opacity:.65}.profile-avatar-btn .user-avatar{border:3px solid var(--surface, #fff);box-shadow:0 2px 10px #00000024}.profile-avatar-btn .user-avatar--initials{background:var(--primary, #0D1B2A);color:#fff;letter-spacing:.5px}.profile-avatar-badge{position:absolute;right:2px;bottom:2px;width:30px;height:30px;border-radius:50%;background:var(--primary, #0D1B2A);color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid var(--surface, #fff);transition:transform .12s ease}.profile-avatar-badge svg{width:14px;height:14px}.profile-avatar-btn:hover:not(:disabled) .profile-avatar-badge{transform:scale(1.1)}[dir=rtl] .profile-avatar-badge{right:auto;left:2px}.profile-avatar-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:profile-spin .7s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-hero-body{flex:1;min-width:0}.profile-hero-name{font-size:21px;font-weight:700;line-height:1.2;color:var(--text, #0f172a)}.profile-hero-mail{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;font-size:13px;color:var(--text-muted, #64748b)}.profile-hero-mail>svg{width:14px;height:14px;flex-shrink:0}.profile-hero-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.pill svg{width:11px;height:11px}.pill-ok{background:#dcfce7;color:#15803d}.pill-warn{background:#fef3c7;color:#b45309}.pill-owner{background:#fef9c3;color:#a16207}.pill-muted{background:var(--surface-2, #f1f5f9);color:var(--text-muted, #64748b)}.profile-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.link-btn{display:inline-flex;align-items:center;gap:5px;padding:0;border:none;background:none;font-size:12.5px;font-weight:600;color:var(--primary, #0D1B2A);cursor:pointer}.link-btn svg{width:13px;height:13px}.link-btn:hover:not(:disabled){text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:default}.link-btn--danger{color:var(--danger, #dc2626)}.profile-hero-hint{font-size:11.5px;color:var(--text-muted, #94a3b8)}.profile-avatar-error{margin-top:12px}.profile-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-bottom:16px}.profile-fact{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--border);border-radius:11px;background:var(--surface, #fff)}.profile-fact>svg{width:17px;height:17px;color:var(--text-muted, #94a3b8);flex-shrink:0}.profile-fact span{display:block;font-size:11px;color:var(--text-muted, #94a3b8)}.profile-fact strong{display:block;font-size:13px;font-weight:600;margin-top:2px}.pw-meter{margin-top:7px}.pw-meter-track{height:4px;border-radius:3px;background:var(--surface-2, #e2e8f0);overflow:hidden}.pw-meter-fill{height:100%;border-radius:3px;transition:width .2s ease,background .2s ease}.pw-s0,.pw-s1{background:#dc2626}.pw-s2{background:#f59e0b}.pw-s3{background:#eab308}.pw-s4{background:#16a34a}.pw-s5{background:#15803d}.pw-meter-text{margin-top:5px;font-size:11.5px;color:var(--text-muted, #64748b)}.pw-mismatch{margin-top:6px;font-size:11.5px;color:var(--danger, #dc2626)}@media (max-width: 640px){.profile-hero{flex-direction:column;align-items:center;text-align:center}.profile-hero-mail,.profile-hero-tags,.profile-hero-actions{justify-content:center}}.upload-zone.is-busy{opacity:.6;cursor:progress;pointer-events:none}.upload-progress{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--text-muted, #64748b)}.portal-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.portal-login-card{background:#fff;border-radius:16px;padding:40px;width:380px;max-width:90vw}.portal-brand{font-size:28px;font-weight:900;color:#e85d04;display:block;margin-bottom:4px}.portal-subtitle{color:var(--text-muted);margin-bottom:24px}.portal-root{max-width:900px;margin:0 auto;padding:24px}.portal-header{background:#1e293b;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.portal-client-name{font-size:14px;color:#ffffffb3}.portal-main{padding:24px}.expenses-page{padding:24px;background:var(--bg-main);min-height:100vh}.exp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.exp-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #0000000d}.exp-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.exp-stat-icon svg{width:20px;height:20px}.exp-stat-icon.purple{background:#f3e8ff;color:#7c3aed}.exp-stat-icon.orange{background:#fff7ed;color:#d97706}.exp-stat-icon.green{background:#f0fdf4;color:#16a34a}.exp-stat-icon.red{background:#fef2f2;color:#dc2626}.exp-stat-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.exp-stat-value{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.exp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.exp-tabs{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:4px;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}.exp-tabs::-webkit-scrollbar{display:none}.exp-tabs>*{flex:0 0 auto}.exp-tab{padding:7px 16px;border-radius:7px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.exp-tab:hover{background:var(--hover-bg)}.exp-tab.active{background:var(--primary);color:#fff}.exp-toolbar-right{display:flex;gap:10px;align-items:center;min-width:0;max-width:100%}.exp-search-box{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;min-width:0;flex:1 1 auto}.exp-search-box svg{flex-shrink:0}.exp-search-box input{border:none;outline:none;background:transparent;font-size:13px;color:var(--text-primary);width:200px;min-width:0;flex:1 1 auto}.exp-add-btn{display:flex;align-items:center;gap:6px;background:var(--secondary);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.exp-add-btn svg{width:16px;height:16px}.exp-add-btn{flex:0 0 auto;white-space:nowrap}.exp-add-btn:hover{background:var(--secondary-dark)}.exp-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.exp-table{width:100%;border-collapse:collapse}.exp-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg-soft)}.exp-table td{padding:14px 16px;font-size:13.5px;color:var(--text-primary);border-bottom:1px solid var(--border)}.exp-table tr:last-child td{border-bottom:none}.exp-table tr:hover td{background:var(--hover-bg)}.exp-vendor{font-weight:600}.exp-ref{font-size:11px;color:var(--text-muted);margin-top:2px}.exp-cat-pill{background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--text-secondary)}.exp-date{color:var(--text-secondary);font-size:13px}.exp-amount{font-weight:700}.exp-badge{padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600}.badge-paid{background:#f0fdf4;color:#16a34a}.badge-unpaid{background:#fff7ed;color:#d97706}.badge-overdue{background:#fef2f2;color:#dc2626}.badge-draft{background:#f1f5f9;color:#64748b}.exp-actions{display:flex;gap:6px}.exp-act-btn{width:30px;height:30px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--bg-soft);color:var(--text-secondary)}.exp-act-btn svg{width:14px;height:14px}.exp-act-btn:hover{background:var(--primary);color:#fff}.exp-act-btn.red:hover{background:#fef2f2;color:#dc2626}.exp-act-btn.green:hover{background:#f0fdf4;color:#16a34a}.exp-loading{padding:60px;display:flex;justify-content:center}.exp-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.exp-empty{padding:60px;text-align:center;color:var(--text-muted)}.exp-empty svg{opacity:.3;margin-bottom:12px}.exp-empty p{margin-bottom:16px}.exp-empty button{background:var(--secondary);color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-weight:600}.exp-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;font-size:13px;color:var(--text-secondary)}.exp-pager button{padding:7px 14px;border:1px solid var(--border);border-radius:7px;background:var(--bg-card);cursor:pointer}.exp-pager button:disabled{opacity:.4;cursor:default}.exp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.exp-modal{background:var(--bg-card);border-radius:16px;width:100%;max-width:620px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.exp-modal-header{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0d1b2a,#1e3448);border-radius:16px 16px 0 0}.exp-modal-header h2{margin:0;font-size:17px;font-weight:700;color:#fff}.exp-modal-close{background:#ffffff26;border:none;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.exp-modal-body{padding:20px 24px;overflow-y:auto}.exp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.exp-form-group{display:flex;flex-direction:column;gap:6px}.exp-form-group.span2{grid-column:1 / -1}.exp-form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.exp-form-group input,.exp-form-group select,.exp-form-group textarea{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13.5px;color:var(--text-primary);background:var(--bg-main);outline:none;transition:border .2s}.exp-form-group input:focus,.exp-form-group select:focus,.exp-form-group textarea:focus{border-color:var(--primary)}.exp-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.exp-btn-cancel{padding:9px 20px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);cursor:pointer;font-size:13.5px}.exp-btn-save{padding:9px 20px;border:none;border-radius:8px;background:var(--secondary);color:#fff;cursor:pointer;font-size:13.5px;font-weight:600}.exp-btn-save:disabled{opacity:.5;cursor:default}.exp-btn-save:not(:disabled):hover{background:var(--secondary-dark)}@media (max-width: 900px){.exp-stats{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.exp-stats{grid-template-columns:1fr}.exp-toolbar{flex-direction:column;align-items:stretch}.exp-form-grid{grid-template-columns:1fr}.exp-form-group.span2{grid-column:1}}.rec-card{background:#fff;border:1px solid #e8ecf1;border-radius:16px;padding:20px 22px;margin-bottom:22px}.rec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.rec-title{font-size:15px;font-weight:700;color:#0d1b2a}.rec-sub{font-size:12.5px;color:#6b7a90;margin-top:3px}.rec-match-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:0;border-radius:10px;background:#0d1b2a;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.rec-match-btn:disabled{opacity:.38;cursor:not-allowed}.rec-match-btn svg{width:16px;height:16px}.rec-cols{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start}.rec-col{min-width:0}.rec-col-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8b98a9;padding:0 4px 8px}.rec-col-count{font-size:10px;font-weight:700;letter-spacing:0;background:#eef2f7;color:#6b7a90;border-radius:20px;padding:1px 7px}.rec-scroll{max-height:min(46vh,420px);overflow-y:auto;padding:2px 4px 2px 2px;overscroll-behavior:contain}.rec-scroll::-webkit-scrollbar{width:8px}.rec-scroll::-webkit-scrollbar-thumb{background:#dbe2ea;border-radius:8px}.rec-scroll::-webkit-scrollbar-thumb:hover{background:#c7d1dc}.rec-search{display:flex;align-items:center;gap:8px;background:#f7f9fc;border:1px solid #e8ecf1;border-radius:9px;padding:7px 11px;margin-bottom:8px;min-width:0}.rec-search svg{width:14px;height:14px;color:#8b98a9;flex-shrink:0}.rec-search input{border:0;outline:none;background:transparent;font-size:12.5px;color:#16233a;width:100%;min-width:0}.rec-howto{margin:0 0 14px;font-size:12.5px;line-height:1.55;color:#6b7a90;background:#f7f9fc;border-radius:10px;padding:9px 12px}.rec-blocked{display:flex;gap:13px;align-items:flex-start;background:#f7f9fc;border:1px solid #e8ecf1;border-radius:12px;padding:16px 18px}.rec-blocked-icon{color:#8b98a9;flex-shrink:0;line-height:0;padding-top:1px}.rec-blocked-icon svg{width:19px;height:19px}.rec-blocked-body strong{display:block;font-size:13.5px;color:#16233a;margin-bottom:4px}.rec-blocked-body p{margin:0;font-size:12.5px;line-height:1.6;color:#6b7a90}.rec-blocked-cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 15px;border:0;border-radius:9px;background:#0d1b2a;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer}.rec-blocked-cta svg{width:15px;height:15px}.rec-arrow{align-self:center;color:#c3ccd8}.rec-arrow svg{width:20px;height:20px}.rec-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;background:#f7f9fc;border:1.5px solid transparent;border-radius:10px;cursor:pointer;text-align:start;font:inherit;position:relative}.rec-row:hover{background:#eef3f9}.rec-row-on{background:#fff;border-color:#0d1b2a;box-shadow:0 2px 10px #0d1b2a1a}.rec-row-hint{border-color:#e0c98a;border-style:dashed}.rec-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rec-row-title{font-size:13px;font-weight:600;color:#16233a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-row-meta{font-size:11.5px;color:#7b8798;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-row-amt{font-size:13px;font-weight:700;color:#0d1b2a;white-space:nowrap}.rec-badge{position:absolute;inset-inline-end:8px;top:-7px;background:#b8912f;color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:20px;text-transform:uppercase}.rec-empty{padding:16px 12px;font-size:12.5px;color:#8b98a9;background:#f7f9fc;border-radius:10px}@media (max-width: 720px){.rec-cols{grid-template-columns:1fr}.rec-arrow{transform:rotate(90deg);justify-self:center}.rec-head{flex-direction:column;align-items:stretch}}[dir=rtl] .rec-arrow svg{transform:scaleX(-1)}.banking-page{padding:24px;background:var(--bg-main);min-height:100vh}.bnk-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#0d1b2a,#1e3448);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px;box-shadow:0 4px 20px #0d1b2a59}.bnk-summary>div:not(.bnk-summary-icon){min-width:0}.bnk-summary-icon{width:48px;height:48px;background:#ffffff1f;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.bnk-summary-icon svg{width:24px;height:24px}.bnk-summary-label{font-size:12px;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.bnk-summary-value{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.bnk-add-btn{margin-left:auto;display:flex;align-items:center;gap:6px;background:var(--secondary);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s}.bnk-add-btn svg{width:16px;height:16px}.bnk-add-btn:hover{background:var(--secondary-dark)}.bnk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.bnk-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 6px #0000000f;position:relative;border-top:4px solid var(--acc-color, #3b82f6);transition:box-shadow .2s}.bnk-card:hover{box-shadow:0 4px 16px #0000001f}.bnk-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.bnk-card-name{font-size:16px;font-weight:700;color:var(--text-primary)}.bnk-card-bank{font-size:12px;color:var(--text-muted);margin-top:2px}.bnk-type-badge{background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:capitalize}.bnk-card-num{font-size:12px;color:var(--text-muted);margin-bottom:10px;letter-spacing:.1em}.bnk-card-balance{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:16px}.bnk-card-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bnk-act{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-secondary);transition:all .2s}.bnk-act:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.bnk-act.primary{background:var(--secondary);color:#fff;border-color:var(--secondary)}.bnk-act.primary:hover{background:var(--secondary-dark)}.bnk-act-icon{width:30px;height:30px;border:1px solid var(--border);border-radius:7px;background:var(--bg-soft);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:auto}.bnk-act-icon svg{width:14px;height:14px}.bnk-act-icon:hover{background:var(--primary);color:#fff}.bnk-act-icon.red:hover{background:#fef2f2;color:#dc2626}.bnk-loading{padding:60px;display:flex;justify-content:center}.bnk-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:bnk-spin .8s linear infinite}@keyframes bnk-spin{to{transform:rotate(360deg)}}.bnk-empty{padding:60px;text-align:center;color:var(--text-muted)}.bnk-empty svg{opacity:.3;margin-bottom:12px}.bnk-empty p{margin-bottom:16px}.bnk-empty button{background:var(--secondary);color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-weight:600}.bnk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.bnk-modal{background:var(--bg-card);border-radius:16px;width:100%;max-width:560px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.bnk-modal.wide{max-width:720px}.bnk-modal-header{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0d1b2a,#1e3448);border-radius:16px 16px 0 0}.bnk-modal-header h2{margin:0;font-size:16px;font-weight:700;color:#fff}.bnk-modal-header button{background:#ffffff26;border:none;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.bnk-modal-body{padding:20px 24px;overflow-y:auto}.bnk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bnk-form-group{display:flex;flex-direction:column;gap:6px}.bnk-form-group.span2{grid-column:1 / -1}.bnk-form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.bnk-form-group input,.bnk-form-group select,.bnk-form-group textarea{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13.5px;color:var(--text-primary);background:var(--bg-main);outline:none;transition:border .2s}.bnk-form-group input:focus,.bnk-form-group select:focus{border-color:var(--primary)}.bnk-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.bnk-btn-cancel{padding:9px 20px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);cursor:pointer}.bnk-btn-save{padding:9px 20px;border:none;border-radius:8px;background:var(--secondary);color:#fff;cursor:pointer;font-weight:600}.bnk-btn-save:disabled{opacity:.5;cursor:default}.bnk-btn-save:not(:disabled):hover{background:var(--secondary-dark)}.bnk-tx-table{width:100%;border-collapse:collapse}.bnk-tx-table th{padding:10px 12px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg-soft);text-align:left}.bnk-tx-table td{padding:12px;font-size:13px;border-bottom:1px solid var(--border);color:var(--text-primary)}.bnk-tx-type{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.bnk-tx-type.credit{background:#f0fdf4;color:#16a34a}.bnk-tx-type.debit{background:#fef2f2;color:#dc2626}.bnk-tx-amt.credit{color:#16a34a;font-weight:700}.bnk-tx-amt.debit{color:#dc2626;font-weight:700}@media (max-width: 600px){.bnk-grid,.bnk-form-grid{grid-template-columns:1fr}.bnk-form-group.span2{grid-column:1}.bnk-add-btn{margin-left:0;width:100%;justify-content:center}.bnk-summary-value{font-size:24px}}.tt-page{padding:24px;background:var(--bg-main);min-height:100vh}.tt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.tt-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #0000000d}.tt-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.tt-stat-icon svg{width:20px;height:20px}.tt-stat-icon.blue{background:#eff6ff;color:#2563eb}.tt-stat-icon.orange{background:#fff7ed;color:#d97706}.tt-stat-icon.green{background:#f0fdf4;color:#16a34a}.tt-stat-icon.purple{background:#f3e8ff;color:#7c3aed}.tt-stat-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.tt-stat-value{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.tt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tt-tabs{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:4px}.tt-tab{padding:7px 16px;border-radius:7px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.tt-tab:hover{background:var(--hover-bg)}.tt-tab.active{background:var(--primary);color:#fff}.tt-toolbar-right{display:flex;gap:10px;align-items:center}.tt-search-box{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.tt-search-box input{border:none;outline:none;background:transparent;font-size:13px;color:var(--text-primary);width:180px}.tt-add-btn{display:flex;align-items:center;gap:6px;background:var(--secondary);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.tt-add-btn svg{width:16px;height:16px}.tt-add-btn:hover{background:var(--secondary-dark)}.tt-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tt-table{width:100%;border-collapse:collapse}.tt-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg-soft)}.tt-table td{padding:13px 14px;font-size:13.5px;color:var(--text-primary);border-bottom:1px solid var(--border)}.tt-table tr:last-child td{border-bottom:none}.tt-table tr:hover td{background:var(--hover-bg)}.tt-date,.tt-rate{color:var(--text-secondary);font-size:13px}.tt-client{font-weight:500}.tt-project{background:#eff6ff;color:#2563eb;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.tt-desc{color:var(--text-secondary);font-size:12.5px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-hours{font-weight:700;color:var(--primary)}.tt-amount{font-weight:700}.tt-badge{padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600}.tt-badge.orange{background:#fff7ed;color:#d97706}.tt-badge.green{background:#f0fdf4;color:#16a34a}.tt-badge.gray{background:#f1f5f9;color:#64748b}.tt-actions{display:flex;gap:6px}.tt-act-btn{width:30px;height:30px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--bg-soft);color:var(--text-secondary)}.tt-act-btn svg{width:14px;height:14px}.tt-act-btn:hover{background:var(--primary);color:#fff}.tt-act-btn.red:hover{background:#fef2f2;color:#dc2626}.tt-act-btn.green:hover{background:#f0fdf4;color:#16a34a}.tt-loading{padding:60px;display:flex;justify-content:center}.tt-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:tt-spin .8s linear infinite}@keyframes tt-spin{to{transform:rotate(360deg)}}.tt-empty{padding:60px;text-align:center;color:var(--text-muted)}.tt-empty svg{opacity:.3;margin-bottom:12px}.tt-empty p{margin-bottom:16px}.tt-empty button{background:var(--secondary);color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-weight:600}.tt-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;font-size:13px;color:var(--text-secondary)}.tt-pager button{padding:7px 14px;border:1px solid var(--border);border-radius:7px;background:var(--bg-card);cursor:pointer}.tt-pager button:disabled{opacity:.4;cursor:default}.tt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.tt-modal{background:var(--bg-card);border-radius:16px;width:100%;max-width:580px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.tt-modal-header{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0d1b2a,#1e3448);border-radius:16px 16px 0 0}.tt-modal-header h2{margin:0;font-size:16px;font-weight:700;color:#fff}.tt-modal-header button{background:#ffffff26;border:none;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.tt-modal-body{padding:20px 24px;overflow-y:auto}.tt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tt-form-group{display:flex;flex-direction:column;gap:6px}.tt-form-group.span2{grid-column:1 / -1}.tt-form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.tt-form-group input,.tt-form-group select{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13.5px;color:var(--text-primary);background:var(--bg-main);outline:none;transition:border .2s}.tt-form-group input:focus,.tt-form-group select:focus{border-color:var(--primary)}.tt-total-preview{margin-top:14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13.5px;color:var(--text-secondary)}.tt-total-preview strong{color:var(--text-primary);font-size:16px}.tt-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.tt-btn-cancel{padding:9px 20px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);cursor:pointer}.tt-btn-save{padding:9px 20px;border:none;border-radius:8px;background:var(--secondary);color:#fff;cursor:pointer;font-weight:600}.tt-btn-save:disabled{opacity:.5;cursor:default}.tt-btn-save:not(:disabled):hover{background:var(--secondary-dark)}@media (max-width: 900px){.tt-stats{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.tt-stats{grid-template-columns:1fr}.tt-toolbar{flex-direction:column}.tt-form-grid{grid-template-columns:1fr}.tt-form-group.span2{grid-column:1}}.rem-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #fff);padding:0 20px}.rem-tab{display:flex;align-items:center;gap:6px;padding:14px 20px;border:none;background:none;cursor:pointer;font-size:14px;color:var(--text-muted, #6b7280);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.rem-tab:hover{color:var(--primary, #0D1B2A)}.rem-tab.active{color:var(--secondary, #8A6D1F);border-bottom-color:var(--secondary, #8A6D1F);font-weight:600}.rem-rules-grid{display:flex;flex-direction:column;gap:12px;padding:20px}.rem-rule-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--bg-main, #F2F4F7);transition:border-color .15s}.rem-rule-card.inactive{opacity:.55}.rem-rule-card:hover{border-color:var(--secondary, #8A6D1F)}.rem-rule-left{display:flex;align-items:center;gap:14px}.rem-rule-icon{width:38px;height:38px;border-radius:10px;background:var(--primary, #0D1B2A);color:#fff;display:flex;align-items:center;justify-content:center}.rem-rule-name{font-weight:600;font-size:14px;color:var(--text-main, #111)}.rem-rule-meta{font-size:12px;color:var(--text-muted, #6b7280);margin-top:2px}.rem-channel-badge{display:inline-block;padding:2px 8px;border-radius:10px;background:var(--primary, #0D1B2A);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase}.rem-rule-actions{display:flex;align-items:center;gap:8px}.rem-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;transition:background .2s;flex-shrink:0}.rem-toggle.on{background:var(--secondary, #8A6D1F)}.rem-toggle.off{background:#d1d5db}.rem-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;display:block}.rem-toggle.on .rem-toggle-knob{transform:translate(20px)}.rem-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:20px}.rem-tpl-card{border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:16px;background:var(--bg-main, #F2F4F7)}.rem-tpl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rem-tpl-name{font-weight:600;font-size:14px}.rem-tpl-type{padding:2px 8px;border-radius:10px;background:#f0f4ff;color:#2563eb;font-size:11px;font-weight:600;text-transform:uppercase}.rem-tpl-subject{font-size:12px;color:var(--text-muted, #6b7280);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rem-tpl-subject.ar{direction:rtl}.rem-tpl-actions{margin-top:12px}.rem-tpl-modal{max-width:760px;width:95%}.rem-lang-tabs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.rem-lang-section h4{font-size:14px;font-weight:600;margin-bottom:10px}.rem-merge-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 16px;padding:10px 14px;background:#f8faff;border-radius:8px;border:1px solid #e0e7ff}.rem-merge-label{font-size:12px;color:var(--text-muted, #6b7280);font-weight:500}.rem-merge-chip{background:var(--primary, #0D1B2A);color:#e2e8f0;font-size:11px;padding:2px 8px;border-radius:4px;font-family:monospace;cursor:pointer;-webkit-user-select:all;user-select:all}.status-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}@media (max-width: 600px){.rem-lang-tabs,.rem-tpl-grid{grid-template-columns:1fr}}.sa-login-root{min-height:100vh;background:linear-gradient(135deg,#060e15,#0d1b2a 60%,#1e3448);display:flex;align-items:center;justify-content:center;padding:24px}.sa-login-card{background:#fff;border-radius:18px;padding:48px 44px;width:100%;max-width:420px;box-shadow:0 25px 80px #00000073}.sa-login-brand{text-align:center;margin-bottom:36px}.sa-login-logo{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#0d1b2a,#d63a17);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.sa-login-logo-icon{font-size:28px}.sa-login-title{font-size:26px;font-weight:800;color:#0d1b2a;margin:0 0 6px}.sa-login-sub{font-size:13px;color:#6b7280;margin:0}.sa-login-form{display:flex;flex-direction:column;gap:18px}.sa-login-error{padding:12px 16px;background:#fee2e2;color:#dc2626;border-radius:8px;font-size:13px;border:1px solid #fca5a5}.sa-field{display:flex;flex-direction:column;gap:6px}.sa-label{font-size:13px;font-weight:600;color:#374151}.sa-input{height:44px;padding:0 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;transition:border-color .15s;background:#fafafa}.sa-input:focus{border-color:#0d1b2a;background:#fff}.sa-login-btn{height:48px;background:linear-gradient(135deg,#0d1b2a,#1e3448);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;margin-top:6px;transition:opacity .15s}.sa-login-btn:hover:not(:disabled){opacity:.9}.sa-login-btn:disabled{opacity:.6;cursor:default}.sa-login-back{text-align:center;margin-top:20px;font-size:13px}.sa-login-back a{color:#6b7280;text-decoration:none}.sa-login-back a:hover{color:#0d1b2a}:root{--sa-sidebar-w: 248px;--sa-sidebar-bg: #0A1628;--sa-sidebar-border: rgba(255,255,255,.06);--sa-accent: #d63a17;--sa-accent-light: rgba(214,58,23,.15);--sa-bg: #f0f2f7;--sa-card: #ffffff;--sa-border: #e8ecf0;--sa-text: #0D1B2A;--sa-muted: #64748b;--sa-faint: #94a3b8;--ka-blue: #3b82f6;--ka-blue-bg: #eff6ff;--ka-green: #10b981;--ka-green-bg: #ecfdf5;--ka-orange: #d63a17;--ka-orange-bg: #fff4f1;--ka-purple: #7c3aed;--ka-purple-bg: #f5f3ff;--ka-amber: #d97706;--ka-amber-bg: #fffbeb;--ka-red: #dc2626;--ka-red-bg: #fef2f2;--ka-teal: #0891b2;--ka-teal-bg: #ecfeff}.sa-layout{display:flex;min-height:100vh;background:var(--sa-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:14px;color:var(--sa-text)}.sa-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:var(--sa-muted)}.sa-main-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh}.sa-sidebar{width:var(--sa-sidebar-w);background:var(--sa-sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;transition:width .22s ease;min-height:100vh;position:sticky;top:0;height:100vh;overflow:hidden;overflow-y:auto;scrollbar-width:none;border-right:1px solid var(--sa-sidebar-border)}.sa-sidebar::-webkit-scrollbar{display:none}.sa-collapsed .sa-sidebar{width:68px}.sa-sidebar-header{display:flex;align-items:center;gap:12px;padding:22px 16px 18px;border-bottom:1px solid var(--sa-sidebar-border);flex-shrink:0}.sa-brand{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden}.sa-brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#d63a17,#ff6b4a);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #d63a1766}.sa-brand-mark svg{width:18px;height:18px;color:#fff}.sa-brand-name{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap}.sa-brand-pill{display:inline-block;background:#d63a1733;color:#ff8a6e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:2px 7px;border-radius:20px;margin-top:2px;border:1px solid rgba(214,58,23,.3)}.sa-collapse-btn{width:28px;height:28px;border-radius:8px;background:#ffffff0f;color:var(--sa-faint);border:1px solid rgba(255,255,255,.08);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.sa-collapse-btn:hover{background:#ffffff1f;color:#e2e8f0}.sa-nav{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:2px}.sa-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#ffffff73;text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;border:1px solid transparent;position:relative}.sa-nav-item:hover{background:#ffffff0f;color:#ffffffd9}.sa-nav-item.active{background:var(--sa-accent-light);color:#fff;border-color:#d63a1738}.sa-nav-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:0 3px 3px 0;background:var(--sa-accent)}.sa-nav-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center}.sa-nav-icon svg{width:18px;height:18px}.sa-collapsed .sa-nav-item{padding:10px;justify-content:center}.sa-collapsed .sa-nav-item.active:before{display:none}.sa-sidebar-footer{padding:12px 10px 14px;border-top:1px solid var(--sa-sidebar-border);display:flex;flex-direction:column;gap:3px;flex-shrink:0}.sa-user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff0d;margin-bottom:6px;border:1px solid rgba(255,255,255,.07)}.sa-user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#d63a17,#ff6b4a);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-user-name{font-size:13px;font-weight:600;color:#e2e8f0}.sa-user-email{font-size:11px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:128px}.sa-sidebar-btn{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;border:none;background:transparent;color:#fff6;font-size:13px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s;width:100%;text-align:left}.sa-sidebar-btn svg{width:16px;height:16px;flex-shrink:0}.sa-sidebar-btn:hover{background:#ffffff12;color:#fffc}.sa-sidebar-btn.danger:hover{background:#dc262626;color:#fca5a5}.sa-collapsed .sa-user-card{display:none}.sa-collapsed .sa-sidebar-btn{justify-content:center;padding:10px}.sa-collapsed .sa-user-name,.sa-collapsed .sa-user-email,.sa-collapsed .sa-sidebar-btn span:last-child{display:none}.sa-topbar{position:sticky;top:0;z-index:50;background:#f0f2f7eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--sa-border);padding:0 36px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.sa-topbar-left{display:flex;align-items:center;gap:10px}.sa-topbar-page{font-size:15px;font-weight:700;color:var(--sa-text)}.sa-topbar-divider{width:1px;height:18px;background:var(--sa-border)}.sa-topbar-breadcrumb{font-size:12px;color:var(--sa-muted)}.sa-topbar-right{display:flex;align-items:center;gap:12px}.sa-topbar-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--ka-orange-bg);border:1px solid rgba(214,58,23,.2);color:var(--sa-accent);border-radius:20px;font-size:12px;font-weight:700}.sa-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:sa-pulse 2s infinite}@keyframes sa-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.sa-topbar-date{font-size:12px;color:var(--sa-muted)}.sa-topbar-user{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:10px;background:#fff;border:1px solid var(--sa-border);font-size:12px;color:var(--sa-muted)}.sa-topbar-avatar{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#0d1b2a,#d63a17);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.sa-main{flex:1;padding:28px 36px 60px;overflow-x:hidden}.sa-welcome{background:linear-gradient(135deg,#0a1628,#0d1b2a,#152a40);border-radius:18px;padding:28px 32px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.sa-welcome:before{content:"";position:absolute;top:-40px;right:-20px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(214,58,23,.22) 0%,transparent 70%)}.sa-welcome:after{content:"";position:absolute;bottom:-50px;left:35%;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%)}.sa-welcome-text{position:relative;z-index:1}.sa-welcome-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.03em}.sa-welcome-sub{font-size:13px;color:#ffffff80}.sa-welcome-stats{display:flex;gap:32px;position:relative;z-index:1}.sa-welcome-stat{text-align:right}.sa-welcome-stat-val{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.03em}.sa-welcome-stat-label{font-size:11px;color:#fff6;margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.sa-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.sa-kpi-grid-5{grid-template-columns:repeat(5,1fr)}.sa-kpi-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1300px){.sa-kpi-grid{grid-template-columns:repeat(2,1fr)}.sa-kpi-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.sa-kpi-grid,.sa-kpi-grid-5,.sa-kpi-grid-3{grid-template-columns:1fr}}.sa-kpi-card{background:var(--sa-card);border-radius:16px;padding:20px 22px;border:1px solid var(--sa-border);box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008;transition:transform .18s,box-shadow .18s;animation:sa-cardIn .4s ease both}.sa-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}@keyframes sa-cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sa-kpi-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.sa-kpi-icon-box{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center}.sa-kpi-icon-box svg{width:21px;height:21px}.sa-kpi-icon-box.blue{background:var(--ka-blue-bg);color:var(--ka-blue)}.sa-kpi-icon-box.green{background:var(--ka-green-bg);color:var(--ka-green)}.sa-kpi-icon-box.orange{background:var(--ka-orange-bg);color:var(--ka-orange)}.sa-kpi-icon-box.purple{background:var(--ka-purple-bg);color:var(--ka-purple)}.sa-kpi-icon-box.amber{background:var(--ka-amber-bg);color:var(--ka-amber)}.sa-kpi-icon-box.red{background:var(--ka-red-bg);color:var(--ka-red)}.sa-kpi-icon-box.teal{background:var(--ka-teal-bg);color:var(--ka-teal)}.sa-kpi-delta{font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px}.sa-kpi-delta.up{background:var(--ka-green-bg);color:var(--ka-green)}.sa-kpi-delta.down{background:var(--ka-red-bg);color:var(--ka-red)}.sa-kpi-delta.neu{background:#f1f5f9;color:var(--sa-muted)}.sa-kpi-value{font-size:29px;font-weight:800;color:var(--sa-text);letter-spacing:-.04em;line-height:1}.sa-kpi-label{font-size:12px;font-weight:600;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:6px}.sa-kpi-sub{font-size:12px;color:var(--sa-faint);margin-top:4px}.sa-card{background:var(--sa-card);border-radius:16px;border:1px solid var(--sa-border);box-shadow:0 1px 3px #0000000a;overflow:hidden;animation:sa-cardIn .4s ease both}.sa-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f8fafc}.sa-card-title{font-size:14.5px;font-weight:700;color:var(--sa-text)}.sa-card-subtitle{font-size:12px;color:var(--sa-faint);margin-top:2px}.sa-card-body{padding:20px 22px}.sa-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sa-three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width: 900px){.sa-two-col,.sa-three-col{grid-template-columns:1fr}}.sa-vchart-wrap{padding:20px 22px 12px}.sa-vchart{display:flex;align-items:flex-end;gap:5px;height:200px;position:relative;padding-bottom:28px}.sa-vchart-grid{position:absolute;left:0;right:0;top:0;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.sa-vchart-gridline{border-top:1px dashed #edf0f4;width:100%}.sa-vchart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.sa-vchart-bar-area{flex:1;width:100%;display:flex;align-items:flex-end;padding:0 1px}.sa-vchart-bar{width:100%;border-radius:5px 5px 0 0;min-height:3px;transform-origin:bottom;transform:scaleY(0);animation:sa-vcGrow .75s cubic-bezier(.34,1.4,.64,1) forwards;animation-delay:var(--d, 0ms);position:relative;cursor:default;transition:filter .15s}.sa-vchart-bar:hover{filter:brightness(1.12)}.sa-vchart-bar:after{content:attr(data-val);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--sa-text);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.sa-vchart-bar:hover:after{opacity:1}@keyframes sa-vcGrow{to{transform:scaleY(1)}}.sa-vchart-label{height:28px;font-size:10px;color:var(--sa-faint);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:5px 2px 0;line-height:1.2}.sa-vchart-bar.primary{background:linear-gradient(to top,#0c1e35,#d63a17)}.sa-vchart-bar.blue{background:linear-gradient(to top,#1e40af,#60a5fa)}.sa-vchart-bar.green{background:linear-gradient(to top,#065f46,#34d399)}.sa-hbar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.sa-hbar-label{width:52px;font-size:11px;color:var(--sa-muted);text-align:right;flex-shrink:0}.sa-hbar-track{flex:1;height:7px;background:#f0f2f7;border-radius:4px;overflow:hidden}.sa-hbar-fill{height:100%;border-radius:4px;min-width:3px}.sa-hbar-val{width:80px;text-align:right;font-size:12px;font-weight:700;color:var(--sa-text);flex-shrink:0;font-variant-numeric:tabular-nums}.sa-donut-wrap{display:flex;align-items:center;gap:24px;padding:8px 0}.sa-donut-legend{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.sa-donut-item{display:flex;align-items:center;gap:8px}.sa-donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sa-donut-lname{flex:1;font-size:13px;color:var(--sa-text);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-donut-lcount{font-weight:700;font-size:13px;color:var(--sa-text)}.sa-donut-lpct{font-size:11px;color:var(--sa-faint);width:34px;text-align:right}.sa-table{width:100%;border-collapse:collapse}.sa-table th{text-align:left;padding:11px 16px;font-size:11px;font-weight:700;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;background:#fafbfc;white-space:nowrap}.sa-table td{padding:12px 16px;font-size:13px;color:#374151;border-bottom:1px solid #f8fafc}.sa-table tr:last-child td{border-bottom:none}.sa-table tbody tr{transition:background .1s}.sa-table tbody tr:hover td{background:#fafbfc}.td-mono{font-family:SF Mono,Fira Code,monospace;font-size:12px}.td-amt{font-weight:700;color:var(--sa-text);font-variant-numeric:tabular-nums}.sa-company-cell{display:flex;align-items:center;gap:10px}.sa-company-avatar{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}.sa-company-name{font-weight:600;font-size:13px}.sa-company-email{font-size:11px;color:var(--sa-faint);margin-top:1px}.sa-mini-bar-wrap{width:80px;height:4px;background:#f0f2f7;border-radius:2px;overflow:hidden;margin-top:3px}.sa-mini-bar{height:100%;border-radius:2px}.sa-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;text-transform:capitalize;white-space:nowrap}.sa-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.sa-badge.active{background:#ecfdf5;color:#059669}.sa-badge.active:before{background:#10b981}.sa-badge.trial{background:#eff6ff;color:#2563eb}.sa-badge.trial:before{background:#3b82f6}.sa-badge.suspended{background:#fef2f2;color:#dc2626}.sa-badge.suspended:before{background:#ef4444}.sa-badge.cancelled{background:#f8fafc;color:#64748b}.sa-badge.cancelled:before{background:#94a3b8}.sa-badge.paid{background:#ecfdf5;color:#059669}.sa-badge.paid:before{background:#10b981}.sa-badge.overdue{background:#fef2f2;color:#dc2626}.sa-badge.overdue:before{background:#ef4444}.sa-badge.draft{background:#f8fafc;color:#64748b}.sa-badge.draft:before{background:#94a3b8}.sa-badge.sent{background:#eff6ff;color:#2563eb}.sa-badge.sent:before{background:#3b82f6}.sa-badge.partial{background:#fffbeb;color:#d97706}.sa-badge.partial:before{background:#f59e0b}.sa-badge.no-dot:before{display:none}.sa-ranked-list{display:flex;flex-direction:column}.sa-ranked-item{display:flex;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid #f8fafc;transition:background .1s}.sa-ranked-item:hover{background:#fafbfc}.sa-ranked-item:last-child{border-bottom:none}.sa-rank-badge{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.rank-1{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.rank-2{background:#f1f5f9;color:#64748b}.rank-3{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#c2410c}.rank-n{background:#f8fafc;color:#94a3b8}.sa-ranked-info{flex:1;min-width:0}.sa-ranked-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-ranked-meta{font-size:11px;color:var(--sa-faint);margin-top:1px}.sa-ranked-right{text-align:right;flex-shrink:0}.sa-ranked-amt{font-weight:800;font-size:14px;color:var(--sa-text)}.sa-ranked-sub{font-size:11px;color:var(--sa-faint);margin-top:1px}.sa-tabs{display:flex;gap:0;padding:0 22px;border-bottom:1px solid var(--sa-border);background:var(--sa-card)}.sa-tab{padding:14px 18px;font-size:13.5px;font-weight:600;color:var(--sa-muted);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;margin-bottom:-1px;white-space:nowrap}.sa-tab:hover{color:var(--sa-text)}.sa-tab.active{color:var(--sa-accent);border-bottom-color:var(--sa-accent)}.sa-tab-pane{padding:24px 22px}.sa-toolbar{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;background:#fafbfc}.sa-search{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--sa-border);border-radius:10px;padding:0 12px;height:38px;flex:1;min-width:200px;transition:border-color .15s}.sa-search:focus-within{border-color:var(--sa-text)}.sa-search svg{width:15px;height:15px;color:var(--sa-faint);flex-shrink:0}.sa-search input{border:none;background:transparent;outline:none;font-size:13px;width:100%;color:var(--sa-text)}.sa-select,.sa-input-date{height:38px;padding:0 12px;border:1.5px solid var(--sa-border);border-radius:10px;font-size:13px;background:#fff;color:var(--sa-text);cursor:pointer;transition:border-color .15s}.sa-select:focus,.sa-input-date:focus{outline:none;border-color:var(--sa-text)}.sa-pagination{display:flex;align-items:center;gap:12px;padding:14px 20px;justify-content:flex-end;font-size:13px;color:var(--sa-muted);border-top:1px solid #f1f5f9}.sa-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,transform .1s;text-decoration:none;white-space:nowrap;line-height:1}.sa-btn:hover{opacity:.88}.sa-btn:active{transform:scale(.98)}.sa-btn-primary{background:var(--sa-text);color:#fff}.sa-btn-accent{background:var(--sa-accent);color:#fff;box-shadow:0 3px 10px #d63a174d}.sa-btn-danger{background:#fee2e2;color:#dc2626}.sa-btn-success{background:#dcfce7;color:#16a34a}.sa-btn-ghost{background:#f1f5f9;color:#374151;border:1px solid var(--sa-border)}.sa-btn-amber{background:#fef3c7;color:#d97706}.sa-btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}.sa-btn svg{width:14px;height:14px}.sa-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.sa-page-title{font-size:24px;font-weight:800;color:var(--sa-text);margin:0 0 4px;letter-spacing:-.03em}.sa-page-sub{font-size:13px;color:var(--sa-muted)}.sa-empty{padding:48px;text-align:center;color:var(--sa-faint);font-size:14px}.sa-tenant-hero{background:linear-gradient(135deg,#0a1628,#0d1b2a,#172e4a);border-radius:18px;padding:28px 32px;margin-bottom:24px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.sa-tenant-hero:before{content:"";position:absolute;top:-30px;right:60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(214,58,23,.2) 0%,transparent 70%)}.sa-tenant-hero-avatar{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #0000004d}.sa-tenant-hero-info{flex:1;position:relative;z-index:1}.sa-tenant-hero-name{font-size:22px;font-weight:800;color:#fff;margin-bottom:5px;letter-spacing:-.03em}.sa-tenant-hero-email{font-size:13px;color:#ffffff80}.sa-tenant-hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.sa-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--sa-faint);margin-bottom:12px}@media (max-width: 768px){.sa-sidebar{width:68px}.sa-main{padding:16px}.sa-topbar{padding:0 16px}.sa-welcome{padding:20px;flex-direction:column;gap:16px}.sa-welcome-stats{width:100%;justify-content:flex-start;gap:16px}.sa-topbar-date,.sa-topbar-divider,.sa-topbar-breadcrumb{display:none}}.sa-cur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:4px 20px 20px}.sa-cur-item{border:1px solid var(--sa-border, #e7ebf3);border-radius:12px;padding:14px 16px;background:var(--sa-soft, #f8fafc)}.sa-cur-code{font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--sa-muted, #8a93a6);text-transform:uppercase}.sa-cur-total{font-size:20px;font-weight:800;margin-top:4px}.sa-cur-sub{font-size:12px;color:var(--sa-muted, #8a93a6);margin-top:2px}.sa-brand-mark-logo{display:flex;align-items:center;justify-content:center;overflow:hidden}.sa-brand-mark-logo img{width:68%;height:68%;object-fit:contain}.sa-brand-operator{font-size:10px;color:#ffffff73;letter-spacing:.2px;margin:1px 0 3px}.sa-login-logo-img{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.sa-login-logo-img img{width:74%;height:74%;object-fit:contain}.sa-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0a12208c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow-y:auto;animation:sa-fade .12s ease}@keyframes sa-fade{0%{opacity:0}to{opacity:1}}.sa-modal{width:100%;max-width:620px;background:#fff;border-radius:16px;box-shadow:0 24px 70px #0a122059;animation:sa-rise .16s ease}@keyframes sa-rise{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.sa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--sa-border, #e7ebf3)}.sa-modal-header h3{margin:0;font-size:17px;font-weight:800;color:var(--sa-text, #0f172a)}.sa-modal-x{background:none;border:none;cursor:pointer;font-size:24px;line-height:1;color:var(--sa-muted, #94a3b8);padding:0 4px;border-radius:6px}.sa-modal-x:hover{color:#0f172a}.sa-modal-body{padding:20px 24px}.sa-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--sa-border, #e7ebf3)}.sa-field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.sa-field label{font-size:12px;font-weight:600;color:#475569}.sa-field input,.sa-field select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--sa-border, #e2e8f0);border-radius:9px;background:#fff;color:#0f172a;outline:none}.sa-field input:focus,.sa-field select:focus{border-color:#d63a17;box-shadow:0 0 0 3px #d63a171f}.sa-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.sa-check{display:flex;align-items:center;gap:9px;font-size:13px;color:#475569;margin-bottom:12px;cursor:pointer}.sa-check input{width:15px;height:15px;accent-color:#d63a17;cursor:pointer}.sa-divider-label{margin:18px 0 12px;padding-top:14px;border-top:1px solid var(--sa-border, #eef1f6);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--sa-muted, #94a3b8)}.sa-alert{padding:11px 14px;border-radius:9px;font-size:13px;line-height:1.5;margin-bottom:14px}.sa-alert.err{background:#fef2f2;color:#b42318;border:1px solid #fecdca}.sa-alert.ok{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.sa-alert.warn{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.sa-cred-box{border:1px solid var(--sa-border, #e7ebf3);border-radius:12px;background:#f8fafc;overflow:hidden;margin-bottom:12px}.sa-cred-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--sa-border, #eef1f6)}.sa-cred-row:last-child{border-bottom:none}.sa-cred-k{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.sa-cred-v{font-size:15px;font-weight:700;color:#0f172a;word-break:break-all;text-align:end}.sa-cred-v.mono{font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.5px}.sa-modal-note{font-size:12px;color:var(--sa-muted, #94a3b8);line-height:1.6;margin:0}:root{--primary: #0D1B2A;--primary-light-blue: #1e3448;--primary-dark: #060e15;--primary-light: rgba(13, 27, 42, .08);--secondary: #8A6D1F;--secondary-light: #A9862B;--secondary-dark: #6E561A;--gold-bright: #D4AF37;--gold-wash: #FBF3DC;--gradient-primary: linear-gradient(135deg, #0D1B2A 0%, #1e3448 100%);--gradient-accent: linear-gradient(135deg, #6E561A 0%, #A9862B 100%);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #0ea5e9;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--bg-main: #F2F4F7;--bg-soft: #F2F4F7;--bg-card: #ffffff;--sidebar-bg: #0D1B2A;--hover-bg: #e8eaee;--border: #e2e5ea;--border-soft: #f3f4f6;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 12px rgba(0,0,0,.04);--shadow-md: 0 4px 20px rgba(0,0,0,.05);--shadow-lg: 0 8px 25px rgba(0,0,0,.08);--sidebar-width: 260px;--topbar-height: 70px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:var(--font);background:var(--bg-main);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0d1b2a4d}.btn-secondary{background:var(--secondary);color:#fff;border-color:var(--secondary)}.btn-secondary:hover:not(:disabled){background:var(--secondary-light);transform:translateY(-2px);box-shadow:0 4px 12px #8a6d1f4d}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{background:var(--hover-bg)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}.btn-full{width:100%;justify-content:center}.form-row{display:flex;gap:16px}.form-row>*{flex:1}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1px solid var(--border);border-radius:7px;background:var(--bg-card);color:var(--text-primary);outline:none;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d1b2a1a}.form-group textarea{resize:vertical;min-height:60px}.is-invalid,.form-group .is-invalid{border-color:var(--danger)}.is-invalid:focus,.form-group .is-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441f}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.card-header h3{font-size:15px;font-weight:700;color:var(--text-primary)}.link-primary{font-size:13px;font-weight:600;color:var(--primary)}.link-primary:hover{text-decoration:none;color:var(--secondary)}.card-toolbar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap;background:#fafbfc}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{background:#f8f9fa;padding:10px 16px;text-align:start;font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--border)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.data-table tbody tr:hover{background:#f5f7ff}.data-table tbody tr:last-child td{border-bottom:none}.td-amount{font-weight:600;color:var(--text-primary);text-align:end}.td-mono{font-family:monospace;font-size:12.5px;color:var(--primary)}.td-name{font-weight:500;color:var(--text-primary)}.td-actions{display:flex;gap:4px;align-items:center}.empty-row{text-align:center;color:var(--text-muted);padding:32px!important}.icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:5px;color:var(--text-muted);display:inline-flex;align-items:center;transition:all .15s}.icon-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.icon-btn.danger:hover{background:#fef2f2;color:#dc2626}.icon-btn svg{width:16px;height:16px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.01em;background:#f3f4f6;color:#6b7280}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-active{background:#dcfce7;color:#16a34a}.status-inactive{background:#f3f4f6;color:#6b7280}.status-paid{background:#dcfce7;color:#16a34a}.status-overdue{background:#fee2e2;color:#dc2626}.status-draft{background:#f5f5f5;color:#9ca3af}.status-sent{background:#dbeafe;color:#2563eb}.status-partial{background:#fef3c7;color:#d97706}.status-void{background:#f3f4f6;color:#9ca3af}.status-void:before{opacity:.5}.alert{padding:12px 16px;border-radius:8px;font-size:13.5px;margin-bottom:12px}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.alert-info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1070;padding:20px;overflow-y:auto}.modal,.modal-box,.modal-panel{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 80px #00000040}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--gradient-primary);color:#fff;flex-shrink:0}.modal-header h2,.modal-header h3{font-size:19px;font-weight:700;color:#fff;margin:0}.modal-header .icon-btn{background:#ffffff26;color:#fff;border:none;border-radius:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.modal-header .icon-btn:hover{background:#ffffff47}.modal-close{background:#ffffff26;border:none;cursor:pointer;width:36px;height:36px;border-radius:10px;font-size:20px;color:#fff;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.modal-form{padding:24px 28px;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:18px 28px;border-top:1px solid var(--border-soft);background:#f9fafb}.search-box{position:relative;display:flex;align-items:center;background:var(--bg-card);border:1.5px solid var(--border);border-radius:10px;transition:border-color .15s}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0d1b2a14}.search-box input{padding:8px 14px 8px 36px;border:none;background:transparent;outline:none;min-width:220px;font-size:13.5px;color:var(--text-primary)}.search-icon{position:absolute;inset-inline-start:11px;width:15px;height:15px;color:var(--text-muted);pointer-events:none}.search-input{padding:8px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-card);outline:none;min-width:200px;font-size:13.5px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d1b2a14}.status-filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tab{padding:6px 14px;border:1.5px solid transparent;border-radius:20px;background:#f1f4f8;cursor:pointer;font-size:12.5px;font-weight:500;color:var(--text-secondary);transition:all .15s}.filter-tab:hover{background:#e8edf4;color:var(--primary)}.filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border-soft);font-size:13px;color:var(--text-muted)}.pagination-btns{display:flex;align-items:center;gap:6px}.pagination-btns button{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .15s}.pagination-btns button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--secondary);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.link-subtle{color:var(--text-muted);font-size:13px}.action-badge{background:#f3f4f6;color:#374151;padding:2px 7px;border-radius:4px;font-size:12px}.select-sm{padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);font-size:13px}.full-page-loader{display:flex;align-items:center;justify-content:center;min-height:100vh}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-title{height:28px;width:200px;margin-bottom:16px}.skeleton-row{height:16px;margin-bottom:12px}.skeleton-row.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.tab-btn{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all .15s;margin-bottom:-1px}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-content{padding-top:4px}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.error-boundary-card{text-align:center;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:40px}.error-boundary-card h1{font-size:20px;margin-bottom:8px;color:var(--text-primary)}.error-boundary-card p{color:var(--text-secondary);margin-bottom:16px}.error-boundary-detail{background:#fef2f2;color:#b91c1c;font-size:12px;padding:10px;border-radius:8px;margin-bottom:16px;white-space:pre-wrap;word-break:break-word;text-align:start}.modal-lg{max-width:880px}.modal-sm{max-width:460px}.modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:0}.modal-footer{flex-shrink:0}.field-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d1b2a1a}.field-input::placeholder{color:var(--text-muted)}textarea.field-input{resize:vertical;min-height:80px}.form-row-3{grid-template-columns:repeat(3,1fr)!important}.line-items{border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden}.line-items-head,.line-item-row{display:grid;grid-template-columns:1fr 90px 120px 90px 130px 44px;gap:10px;align-items:center}.line-items-head{background:#f4f6f9;padding:10px 14px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.line-items-head .li-col-num{text-align:end}.line-item-row{padding:10px 14px;border-top:1px solid var(--border-soft)}.line-item-row input{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;width:100%}.line-item-row input.li-col-num{text-align:end}.li-col-desc{display:flex;flex-direction:column;gap:4px}.li-desc-input{width:100%}.li-catalog{font-size:11px;padding:4px 6px;border:1px dashed var(--border);border-radius:6px;color:var(--text-muted);background:none}.li-total{font-weight:600;color:var(--text-primary);text-align:end}.li-col-act{display:flex;justify-content:center}.add-line-btn{margin:12px 14px}.invoice-footer-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.discount-row{display:flex;gap:8px}.discount-row select{width:110px;flex-shrink:0}.totals-box{background:#f9fafb;border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px 18px}.totals-line{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:var(--text-secondary)}.totals-line.grand{border-top:1px solid var(--border);margin-top:6px;padding-top:12px;font-size:17px;font-weight:700;color:var(--text-primary)}.detail-title{display:flex;align-items:center;gap:12px}.detail-title h2{color:#fff}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:20px;padding:16px;background:#f9fafb;border-radius:var(--radius)}.detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.detail-strong{font-weight:600;color:var(--text-primary)}.detail-muted{color:var(--text-muted);font-size:13px}.detail-amounts .totals-line{padding:4px 0}.detail-items{margin-top:4px}.detail-items .ta-r,.ta-r{text-align:end}.detail-section{margin-top:4px}.detail-section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.link-btn{background:none;border:none;color:var(--primary-light-blue);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px}.link-btn svg{width:16px;height:16px}.danger-text{color:var(--danger)!important}.payment-summary{display:flex;gap:32px;padding:16px 28px;background:#f9fafb;border-bottom:1px solid var(--border-soft)}.payment-summary>div{display:flex;flex-direction:column;gap:2px}.payment-summary span{font-size:12px;color:var(--text-muted)}.payment-summary strong{font-size:16px;color:var(--text-primary)}.picker-search{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.picker-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.picker-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;text-align:start;transition:all .15s}.picker-item:hover{border-color:var(--primary-light-blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.picker-item-title{font-weight:600;color:var(--text-primary)}.picker-item-sub{font-size:12px;color:var(--text-muted)}.picker-item-amount{font-weight:700;color:var(--secondary)}.receipts-total{text-align:end}.receipts-total span{display:block;font-size:12px;color:var(--text-muted)}.receipts-total strong{font-size:22px;font-weight:800;color:var(--success)}.inline-icon{width:15px;height:15px;vertical-align:-2px;color:var(--primary-light-blue)}.toolbar-select{padding:8px 12px;border:1px solid var(--border);border-radius:10px;font-size:13px;background:var(--bg-card)}.row-clickable{cursor:pointer}.row-clickable:hover{background:#f9fafb}@media (max-width: 768px){.invoice-footer-grid,.detail-grid{grid-template-columns:1fr}.line-items-head{display:none}.line-item-row{grid-template-columns:1fr 1fr}}.balance-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:13px;font-weight:600}.balance-zero{background:#dcfce7;color:#166534}.balance-low{background:#fef3c7;color:#92400e}.balance-high{background:#fee2e2;color:#991b1b}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:52px 20px;text-align:center}.empty-state-icon{width:48px;height:48px;color:#cbd5e1}.empty-state-title{font-size:16px;font-weight:700;color:var(--text-main)}.empty-state-sub{font-size:13px;color:var(--text-muted);max-width:300px;line-height:1.5}.page-label{font-size:13px;font-weight:600;color:var(--text-main);padding:0 4px}@media (max-width: 768px){.page-header{flex-wrap:wrap;gap:10px}.page-header h1.page-title{font-size:20px}.page-header>*{flex-shrink:0}}@media (max-width: 900px){.kpi-grid,.report-kpi-grid,.aging-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.kpi-grid,.report-kpi-grid,.aging-summary-grid{grid-template-columns:1fr}}@media (max-width: 768px){.card-toolbar{flex-wrap:wrap;gap:8px}.filter-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:4px}.filter-tab{flex-shrink:0}}@media (max-width: 768px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.hide-mobile{display:none!important}.data-table th,.data-table td{padding:10px 8px;font-size:13px}}.mobile-card-list{display:none}@media (max-width: 640px){.mobile-hide-table{display:none}.mobile-card-list{display:flex;flex-direction:column;gap:10px;padding:12px}}.m-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.m-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.m-card-title{font-weight:700;font-size:14px;color:var(--text-primary)}.m-card-sub{font-size:12px;color:var(--text-muted)}.m-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.m-card-label{color:var(--text-muted)}.m-card-val{font-weight:600;color:var(--text-primary)}.m-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.m-card-actions .btn{flex:1 1 auto;min-width:96px;justify-content:center}@media (max-width: 640px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{width:100%!important;max-width:100%!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;margin:0}}@media (max-width: 640px){.form-row{flex-direction:column}.form-row .form-group{width:100%}.num-format-grid{grid-template-columns:1fr}}.stats-row{display:flex;gap:16px;flex-wrap:wrap}.stat-box{flex:1;min-width:120px;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.stat-box-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:4px}.stat-box-val{font-size:20px;font-weight:800;color:var(--text-primary)}.action-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media (max-width: 640px){.action-bar{justify-content:stretch}.action-bar .btn{flex:1;min-width:120px;justify-content:center}}.status-badge.status-draft{background:#f1f5f9;color:#475569}.status-badge.status-sent{background:#dbeafe;color:#1d4ed8}.status-badge.status-paid{background:#dcfce7;color:#15803d}.status-badge.status-overdue{background:#fee2e2;color:#dc2626}.status-badge.status-partial{background:#fef9c3;color:#a16207}.status-badge.status-void{background:#f3f4f6;color:#9ca3af}.status-badge.status-accepted{background:#dcfce7;color:#15803d}.status-badge.status-rejected{background:#fee2e2;color:#dc2626}.status-badge.status-expired{background:#fce7f3;color:#9d174d}.status-badge.status-converted{background:#ede9fe;color:#6d28d9}.status-badge.status-issued{background:#dbeafe;color:#1d4ed8}.status-badge.status-applied{background:#dcfce7;color:#15803d}.fab{display:none;position:fixed;bottom:24px;inset-inline-end:24px;width:52px;height:52px;border-radius:50%;background:var(--gradient-accent);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 20px #8a6d1f66;align-items:center;justify-content:center;z-index:50;transition:transform .15s}.fab:hover{transform:scale(1.08)}.fab svg{width:24px;height:24px}@media (max-width: 640px){.fab{display:flex}}@media (max-width: 640px){.search-input{width:100%}.card-toolbar>.search-input{flex:1}}@media (max-width: 480px){.pagination-btns{gap:4px}.pagination-btns button{padding:6px 10px;font-size:12px}}.toggle-switch{width:40px;height:22px;border-radius:11px;background:var(--border);position:relative;transition:background .2s;cursor:pointer;flex-shrink:0}.toggle-switch.on{background:var(--primary)}.toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s}.toggle-switch.on .toggle-knob{transform:translate(18px)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#dc2626}[dir=rtl]{text-align:right}[dir=rtl] .form-row{flex-direction:row-reverse}[dir=rtl] .td-amount{text-align:start}[dir=rtl] .modal-footer,[dir=rtl] .pagination,[dir=rtl] .card-header,[dir=rtl] .card-toolbar,[dir=rtl] .page-header{flex-direction:row-reverse}[dir=rtl] .search-icon{inset-inline-start:10px}[dir=rtl] .data-table th,[dir=rtl] .data-table td{text-align:right}