@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.zb-form-grid{grid-gap:14px 18px;align-items:start;display:grid;gap:14px 18px}.zb-form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-content.zb-form-grid .form-group,.zb-form-grid .form-group{margin-bottom:0}.zb-form-grid__full{grid-column:1/-1}@media (max-width:560px){.zb-form-grid--2{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width:56px;--sidebar-expanded-width:212px;--header-height:64px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--container:1160px;--grid-gutter:clamp(16px,3vw,28px);--ring:0 0 0 4px #6366f12e;--canvas-bg:#eef2f6;--chrome-border:#e4e7ec;--chrome-border-strong:#d0d5dd;--color-bg:var(--canvas-bg);--color-surface:#fff;--color-text:#101828;--color-text-muted:#667085;--color-primary:#4f46e5;--color-primary-mid:#6366f1;--color-primary-dark:#4338ca;--color-accent:#7c3aed;--color-success:#12b76a;--color-warning:#f79009;--color-sidebar:#fff;--color-sidebar-border:var(--chrome-border);--sidebar-accent:#4f46e5;--sidebar-accent-soft:#4f46e514;--page-accent:#4f46e5;--header-text:#101828;--header-text-muted:#667085;--shadow-soft:0 14px 40px #0f172a1a;--shadow-card:0 1px 2px #1018280a,0 6px 18px #1018280f;--shadow-card-hover:0 12px 34px #1018281f;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--ease-out:cubic-bezier(0.33,1,0.68,1);--duration:0.22s}@media (max-width:768px){:root{--header-height:56px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background:#eef2f6;background:var(--canvas-bg);color:#101828;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);margin:0;overflow-x:hidden;overflow-y:auto;position:relative}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono)}#root{min-height:100vh;min-height:100dvh;min-width:0;overflow-x:hidden;position:relative;width:100%;z-index:1}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{overflow:hidden}.app,.app-loading{background:#eef2f6;background:var(--canvas-bg,#eef2f6);display:flex;height:100vh;width:100vw}.app-loading{align-items:center;justify-content:center}.loading-spinner{position:relative;text-align:center;z-index:1}.loading-spinner .spinner{animation:spin 1s linear infinite;border:3px solid #e4e7ec;border-radius:50%;border-top-color:#4f46e5;border-top:3px solid var(--color-primary,#4f46e5);height:48px;margin:0 auto 20px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:#667085;color:var(--color-text-muted,#667085);font-size:15px;margin:0}.main-content{background:#eef2f6;background:var(--canvas-bg,#eef2f6);flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;min-width:0;overflow-x:hidden;overflow-y:auto;padding-bottom:2.5rem;padding-top:calc(var(--header-height) + 46px);scroll-behavior:smooth;transition:margin-left var(--duration) var(--ease-out)}.app--zb-web .main-content{padding-top:var(--header-height)}@media (max-width:1024px){.main-content{margin-left:0}}.content-container{animation:contentFadeIn .4s var(--ease-out) both;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:1.5rem clamp(1rem,3vw,2rem) 3rem}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{background:#0000;border:none;border-bottom:1px solid #e4e7ec;border-bottom:1px solid var(--chrome-border,#e4e7ec);border-radius:0;box-shadow:none;margin-bottom:1.5rem;margin-top:0;overflow:visible;padding:1.25rem 0 1rem;position:relative}.page-title{color:var(--color-text);font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:600;letter-spacing:-.02em;margin-bottom:.35rem}.page-subtitle,.page-title{position:relative;z-index:1}.page-subtitle{color:var(--color-text-muted);font-size:.875rem;font-weight:400;line-height:1.5}.card{border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);margin-bottom:1.25rem;padding:1.25rem 1.35rem;position:relative;transition:box-shadow var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out)}.card:before{display:none}.card:hover{border-color:#d0d5dd;border-color:var(--chrome-border-strong,#d0d5dd);box-shadow:0 4px 12px #10182814;box-shadow:var(--shadow-card-hover,0 4px 12px #10182814)}.card-header{color:#0f172a;font-size:1.05rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.card-header:has(.card-header-content){margin-bottom:0;padding:0}.card-header>.card-header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;width:100%}.card-content{color:#475569}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s var(--ease-out)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:var(--radius-md);box-shadow:0 1px 2px #1018280f;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 2px 6px #4f46e533;transform:translateY(-1px)}.btn-secondary{background-color:#64748b;color:#fff}.btn-secondary:hover{background-color:#475569;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef444466;transform:translateY(-1px)}.form-label{color:#334155;font-weight:600;margin-bottom:8px}.form-input{background:linear-gradient(180deg,#fff,#fafbfc);border:1.5px solid #cbd5e1;border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #0f172a0a;color:#0f172a;font-family:var(--font-sans);padding:12px 16px;transition:all .2s var(--ease-out)}.form-input:focus{background:#fff;box-shadow:0 0 0 3px #6366f124,inset 0 1px 2px #0f172a0a}.form-input:hover{border-color:#94a3b8}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e4e7ec}::-webkit-scrollbar-thumb{background:#c5cdd8;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#98a2b3}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:var(--radius-lg);box-shadow:0 8px 32px #1018281f;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:#fafbfc;border-bottom:1px solid #e4e7ec;border-bottom:1px solid var(--chrome-border,#e4e7ec);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:18px 22px}.modal-header h2{color:#0f172a}.modal-close{border-radius:6px;color:#64748b;line-height:1}.modal-close:hover{background-color:#f1f5f9;color:#dc2626;transform:rotate(90deg)}.modal-content{padding:24px}.modal-actions{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.btn-delete,.btn-edit,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-right:6px;padding:6px 12px;text-decoration:none;transition:all .2s}.btn-edit{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 2px 4px #4f46e540;color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 4px 8px #4f46e559;transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef444433;color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:6px 10px;transition:all .2s}.btn-icon.btn-edit{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.btn-icon.btn-edit:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:scale(1.1)}.btn-icon.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-icon.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}.actions-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.empty-state{background:linear-gradient(180deg,#f8fafce6,#f1f5f980);border:1px dashed #94a3b873;border-radius:12px;color:#64748b;font-size:14px;font-weight:500;margin:.25rem 0;padding:2.75rem 1.5rem;text-align:center}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626;border-radius:8px}.loading{color:#64748b;font-size:16px}.table-container{background:#fff;background:var(--color-surface,#fff);border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:var(--radius-md);margin-left:0;margin-right:0;margin-top:4px;overflow-x:auto;padding:0}.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.app-back-row{background:#0000;border-bottom:none;box-shadow:none;flex-shrink:0;width:100%}.app-back-row__inner{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 auto;max-width:1400px;padding:.45rem clamp(1rem,3vw,2rem) .65rem}.app-back-btn,.app-mainpage-btn{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #d0d5dd;border:1px solid var(--chrome-border-strong,#d0d5dd);border-radius:999px;box-shadow:0 1px 2px #0f172a0f;color:#101828;color:var(--color-text,#101828);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.35rem;justify-content:center;letter-spacing:.01em;min-height:36px;padding:0 .95rem;transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.app-back-btn:hover,.app-mainpage-btn:hover{background:#f8faff;border-color:#c7d2fe;box-shadow:0 2px 6px #4f46e51f;color:#4f46e5;color:var(--color-primary,#4f46e5)}.app-back-btn:active,.app-mainpage-btn:active{transform:translateY(1px)}.actions-cell .btn-delete,.actions-cell .btn-edit,.actions-cell .btn-view{margin-right:0}.actions-cell .btn-view{justify-content:center;min-width:4.5rem}.actions-cell .btn-delete,.actions-cell .btn-edit{justify-content:center;min-width:4rem}.zb-workspace-boot{align-items:center;background:linear-gradient(165deg,#ede9fe,#e0e7ff 45%,#ddd6fe);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100000}.zb-workspace-boot__panel{background:#fff;border:1px solid #c7d2fed9;border-radius:22px;box-shadow:0 4px 6px #0f172a0f,0 24px 48px #1e1b4b1f;padding:36px 32px 40px;position:relative;text-align:center;width:min(400px,100%)}.zb-workspace-boot__logo{border:1px solid #c7d2fe99;border-radius:16px;box-shadow:0 8px 24px #4f46e526;display:block;margin:0 auto 16px;object-fit:cover}.zb-workspace-boot__brand{background:linear-gradient(120deg,#312e81,#4f46e5 45%,#6366f1);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}.zb-workspace-boot__title{color:#344054;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.zb-workspace-boot__sub{color:#667085;font-size:.875rem;line-height:1.5;margin:0 0 28px}.zb-boot-viz{height:88px;margin:0 auto;position:relative;width:88px}.zb-boot-viz__glow{animation:zbBootGlow 2.4s ease-in-out infinite;background:radial-gradient(circle,#6366f159 0,#0000 70%);border-radius:50%;inset:-10px;position:absolute}.zb-boot-viz__ring{border:3px solid #0000;border-radius:50%;inset:0;position:absolute}.zb-boot-viz__ring--a{animation:zbBootSpin 1.15s cubic-bezier(.55,.1,.3,.96) infinite;border-right-color:#6366f140;border-top-color:#6366f1;filter:drop-shadow(0 0 8px rgba(79,70,229,.25))}.zb-boot-viz__ring--b{animation:zbBootSpinRev 1.75s cubic-bezier(.45,.05,.55,.95) infinite;border-bottom-color:#818cf8;border-left-color:#818cf833;inset:10px}.zb-boot-viz__dots{animation:zbBootSpin 3.2s linear infinite;inset:0;position:absolute}.zb-boot-viz__dots span{background:linear-gradient(145deg,#4f46e5,#a5b4fc);border-radius:50%;box-shadow:0 0 12px #4f46e573;height:9px;margin-left:-4.5px;margin-top:-4.5px;position:absolute;width:9px}.zb-boot-viz__dots span:first-child{animation:zbDotPulse 1.25s ease-in-out infinite;left:50%;top:0}.zb-boot-viz__dots span:nth-child(2){animation:zbDotPulse 1.25s ease-in-out .42s infinite;left:100%;top:50%}.zb-boot-viz__dots span:nth-child(3){animation:zbDotPulse 1.25s ease-in-out .84s infinite;left:50%;top:100%}@keyframes zbBootSpin{to{transform:rotate(1turn)}}@keyframes zbBootSpinRev{to{transform:rotate(-1turn)}}@keyframes zbBootGlow{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.88;transform:scale(1.06)}}@keyframes zbDotPulse{0%,to{opacity:.55;transform:scale(.72)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.zb-boot-viz__dots,.zb-boot-viz__dots span,.zb-boot-viz__glow,.zb-boot-viz__ring--a,.zb-boot-viz__ring--b{animation-duration:.01ms!important;animation-iteration-count:1!important}}.loading{color:var(--color-text-muted)}.dashboard-summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin-bottom:2rem}.dashboard-summary-card{align-items:center;animation:dashCardIn .5s var(--ease-out) both;background:var(--color-surface);border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;gap:1rem;padding:1.2rem 1.15rem;transition:box-shadow var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),transform .25s var(--ease-out)}.dashboard-summary-card:first-child{animation-delay:.04s}.dashboard-summary-card:nth-child(2){animation-delay:.08s}.dashboard-summary-card:nth-child(3){animation-delay:.12s}.dashboard-summary-card:nth-child(4){animation-delay:.16s}.dashboard-summary-card:nth-child(5){animation-delay:.2s}.dashboard-summary-card:nth-child(6){animation-delay:.24s}@keyframes dashCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-summary-card:hover{border-color:#d0d5dd;border-color:var(--chrome-border-strong,#d0d5dd);box-shadow:0 4px 12px #10182814;box-shadow:var(--shadow-card-hover,0 4px 12px #10182814);transform:translateY(-2px)}.dashboard-summary-card.clickable{cursor:pointer}.dashboard-summary-card.clickable:hover{border-color:#4f46e540;box-shadow:0 4px 16px #4f46e514}.summary-card-icon{align-items:center;background:linear-gradient(145deg,#6366f124,#4f46e514);border-radius:var(--radius-md);color:#4338ca;display:flex;flex-shrink:0;height:3.35rem;justify-content:center;width:3.35rem}.summary-card-icon svg{height:1.35rem;width:1.35rem}.dashboard-summary-card:first-child .summary-card-icon{background:linear-gradient(145deg,#6366f12e,#4f46e51a)}.dashboard-summary-card:nth-child(2) .summary-card-icon{background:linear-gradient(145deg,#7c3aed29,#6d28d914)}.dashboard-summary-card:nth-child(3) .summary-card-icon{background:linear-gradient(145deg,#10b98129,#05966914)}.dashboard-summary-card:nth-child(4) .summary-card-icon{background:linear-gradient(145deg,#f59e0b2e,#d9770614)}.dashboard-summary-card:nth-child(5) .summary-card-icon{background:linear-gradient(145deg,#ec489924,#db277712)}.dashboard-summary-card:nth-child(6) .summary-card-icon{background:linear-gradient(145deg,#0ea5e929,#0284c714)}.dashboard-summary-card:nth-child(2) .summary-card-icon{color:#6d28d9}.dashboard-summary-card:nth-child(3) .summary-card-icon{color:#047857}.dashboard-summary-card:nth-child(4) .summary-card-icon{color:#c2410c}.dashboard-summary-card:nth-child(5) .summary-card-icon{color:#be185d}.dashboard-summary-card:nth-child(6) .summary-card-icon{color:#0369a1}.summary-card-content{flex:1 1;min-width:0}.summary-card-label{color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.06em;margin-bottom:.35rem;text-transform:uppercase}.summary-card-value{font-feature-settings:"tnum";color:var(--color-text);font-size:clamp(1.1rem,2.4vw,1.35rem);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2;word-break:break-word}.summary-card-value.profit-positive{color:#059669}.summary-card-value.profit-negative{color:#dc2626}.summary-card-hint{color:var(--color-text-muted);font-size:.68rem;font-weight:500;margin-top:.25rem}.dashboard-insights{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.dashboard-section{margin-bottom:0}.card{animation:dashInsightIn .45s var(--ease-out) both;background:var(--color-surface);border:1px solid #94a3b833;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow .35s var(--ease-out),transform .25s var(--ease-out)}.dashboard-section:first-of-type .card{animation-delay:.06s}.dashboard-section:nth-of-type(2) .card{animation-delay:.12s}@keyframes dashInsightIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.card-header{align-items:center;background:linear-gradient(180deg,#f8fafcf2,#eef2ff59);border-bottom:1px solid #94a3b829;display:flex;justify-content:space-between;padding:1.05rem 1.3rem}.card-header h2{color:var(--color-text);font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0}.dashboard-table{border-collapse:collapse;font-size:14px;width:100%}.dashboard-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.dashboard-table th{color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.dashboard-table td{border-bottom:1px solid #e2e8f0;color:#334155;padding:12px 16px}.dashboard-table tbody tr{transition:background-color .15s ease}.dashboard-table tbody tr:hover{background-color:#f8fafc}.dashboard-table tbody tr.clickable-row{cursor:pointer}.dashboard-table tbody tr.clickable-row:hover{background-color:#e0e7ff}.dashboard-table .profit-positive{color:#059669;font-weight:600}.dashboard-table .profit-negative{color:#dc2626;font-weight:600}.empty-message{color:#94a3b8;font-size:14px;font-style:italic;padding:32px;text-align:center}@media (max-width:1200px){.dashboard-summary-cards{grid-template-columns:repeat(3,1fr)}.dashboard-insights{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-summary-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.dashboard-summary-card{gap:12px;padding:16px}.summary-card-icon{height:48px;width:48px}.summary-card-icon svg{height:1.35rem;width:1.35rem}.summary-card-value{font-size:18px}.summary-card-label{font-size:12px}.dashboard-insights{gap:16px;grid-template-columns:1fr}.card-header{padding:14px 18px}.card-header h2{font-size:16px}.dashboard-table{font-size:13px}.dashboard-table td,.dashboard-table th{padding:10px 12px}}@media (max-width:480px){.dashboard-summary-cards{grid-template-columns:1fr}.summary-card-value{font-size:20px}}.zb-dashFallback{animation:contentFadeIn .4s ease both;animation:contentFadeIn .4s var(--ease-out,ease) both}.zb-dashFallback__card{margin-top:1.25rem}.zb-dashFallback__lead{color:#101828;color:var(--color-text,#101828);font-size:15px;line-height:1.6;margin:0 0 1rem}.zb-dashFallback__list{color:#667085;color:var(--color-text-muted,#667085);font-size:14px;line-height:1.65;margin:0 0 1rem;padding-left:1.25rem}.zb-dashFallback__list code{background:#f2f4f7;border-radius:6px;font-size:12px;padding:2px 6px}.zb-dashFallback__hint{color:#98a2b3;font-size:13px;margin:0}.dashboard--loading .page-header{margin-bottom:1.25rem}.dashboard-skel{animation:dashSkelShimmer 1.1s ease-in-out infinite;background:linear-gradient(90deg,#eef2f6,#f8fafc 40%,#eef2f6 80%);background-size:200% 100%;border-radius:8px}@keyframes dashSkelShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.dashboard-skel--title{height:28px;margin-bottom:8px;max-width:220px}.dashboard-skel--subtitle{height:14px;max-width:320px}.dashboard-summary-card--skeleton{animation:dashCardIn .5s var(--ease-out) both;pointer-events:none}.dashboard-summary-card--skeleton:first-child{animation-delay:.04s}.dashboard-summary-card--skeleton:nth-child(2){animation-delay:.08s}.dashboard-summary-card--skeleton:nth-child(3){animation-delay:.12s}.dashboard-summary-card--skeleton:nth-child(4){animation-delay:.16s}.dashboard-summary-card--skeleton:nth-child(5){animation-delay:.2s}.dashboard-summary-card--skeleton:nth-child(6){animation-delay:.24s}.dashboard-skel--icon{border-radius:12px;flex-shrink:0;height:3.35rem;width:3.35rem}.dashboard-skel-block{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.dashboard-skel--line.sm{height:11px;max-width:45%}.dashboard-skel--line.lg{height:18px;max-width:72%}.dashboard-skel--heading{height:18px;max-width:200px}.dashboard-skel-table{display:flex;flex-direction:column;gap:10px}.dashboard-skel--row{height:36px;width:100%}.dashboard-loading-hint{color:#667085;color:var(--color-text-muted,#667085);font-size:13px;font-weight:600;margin:1rem 0 0;text-align:center}.dashboard--loading .dashboard-insights .card{animation:dashInsightIn .45s var(--ease-out) both}.dashboard--loading .dashboard-insights .dashboard-section:first-of-type .card{animation-delay:.12s}.dashboard--loading .dashboard-insights .dashboard-section:nth-of-type(2) .card{animation-delay:.18s}@media (prefers-reduced-motion:reduce){.card,.dashboard--loading .dashboard-insights .card,.dashboard-summary-card,.dashboard-summary-card--skeleton{animation:none!important}.card:hover,.dashboard-summary-card.clickable:hover,.dashboard-summary-card:hover,.menu-item.active .menu-icon,.menu-item:hover,.menu-item:hover .menu-icon{transform:none}}.product-modal{animation:slideUp .3s;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:92%}.product-modal--wide{max-width:920px;width:min(920px,96vw)}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600}.modal-close{align-items:center;border-radius:4px;color:#999;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background-color:#f0f0f0;color:#333}.product-form{padding:24px}.product-form--compact .form-group{margin-bottom:0}.form-grid--3{grid-gap:14px 18px;align-items:start;display:grid;gap:14px 18px;grid-template-columns:repeat(3,1fr)}.form-group--span-3{grid-column:1/-1}.form-group--span-2{grid-column:span 2}.form-group--checkbox{align-items:flex-end;display:flex;padding-bottom:2px}.pm-checkbox-label{margin-bottom:0}.pm-checkbox-wrap{align-items:center;color:#475467;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;line-height:1.3}.pm-checkbox{accent-color:#4f46e5;cursor:pointer;flex-shrink:0;height:18px;width:18px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-label .required{color:#ef4444;margin-left:2px}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #2563eb1a}.form-input.error{border-color:#ef4444}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;display:block;font-size:12px;margin-top:4px}.product-form .modal-actions{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:20px}@media (max-width:900px){.form-grid--3{grid-template-columns:repeat(2,1fr)}.form-group--span-2{grid-column:span 2}.form-group--checkbox{grid-column:1/-1}}@media (max-width:640px){.form-grid--3{grid-template-columns:1fr}.form-group--span-2{grid-column:span 1}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.product-modal{max-height:95vh;width:95%}.product-modal--wide{max-width:none;width:95%}}.pagination-container{background-color:#fff;border-top:1px solid #e2e8f0;gap:16px;justify-content:space-between;padding:16px 20px}.pagination-container,.pagination-left{align-items:center;display:flex;flex-wrap:wrap}.pagination-left{gap:12px}.pagination-label{color:#475569;font-size:14px;font-weight:500}.pagination-select{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.pagination-select:hover{border-color:#94a3b8}.pagination-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pagination-info{color:#64748b;font-size:13px}.pagination-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pagination-btn{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{align-items:center;display:flex;gap:4px}.pagination-page-btn{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 12px;transition:all .2s}.pagination-page-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.pagination-page-btn.active{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#4f46e5;color:#fff;font-weight:600}.pagination-ellipsis{color:#94a3b8;font-size:14px;padding:0 8px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column}.pagination-left,.pagination-right{justify-content:center}.pagination-info{display:none}}.zb-page-load{align-items:center;display:flex;justify-content:center;min-height:42vh;padding:32px 16px}.zb-page-load__inner{max-width:280px;text-align:center}.zb-page-load__spinner{animation:zbPageSpin .8s linear infinite;border:3px solid #e8ecf4;border-radius:50%;border-top-color:#4f46e5;height:40px;margin:0 auto 14px;width:40px}.zb-page-load__text{color:#475467;font-size:14px;font-weight:600;margin:0 0 14px}.zb-page-load__bar{background:#eef2ff;border-radius:999px;height:4px;overflow:hidden}.zb-page-load__barFill{animation:zbPageIndeterminate 1.1s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;width:40%}@keyframes zbPageSpin{to{transform:rotate(1turn)}}@keyframes zbPageIndeterminate{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.inv2{--inv2-surface:#fff;--inv2-surface-2:#f8fafc;--inv2-border:#e2e8f0;--inv2-text:#0f172a;--inv2-text-muted:#64748b;--inv2-accent:var(--color-primary,#4f46e5);--inv2-accent-soft:#4f46e51a;--inv2-radius:14px;--inv2-radius-sm:10px;--inv2-shadow:0 1px 2px #0f172a0d,0 8px 24px #0f172a0f;color:var(--inv2-text);margin:0 auto;max-width:1180px;padding-bottom:2.5rem}.inv2-hero{background:var(--inv2-surface);border:1px solid var(--inv2-border);border-radius:var(--inv2-radius);box-shadow:var(--inv2-shadow);margin-bottom:1.25rem;overflow:hidden;position:relative}.inv2-hero-accent{background:linear-gradient(180deg,#6366f1,#4f46e5 50%,#4338ca);bottom:0;left:0;position:absolute;top:0;width:5px}.inv2-hero-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;padding:1.35rem 1.5rem 1.35rem 1.65rem}.inv2-hero-main{flex:1 1;min-width:0}.inv2-eyebrow{color:var(--inv2-text-muted);display:block;font-size:.6875rem;font-weight:800;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.inv2-hero-title{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.035em;line-height:1.2;margin:0 0 .4rem}.inv2-hero-sub{color:var(--inv2-text-muted);font-size:.9375rem;line-height:1.45;margin:0;max-width:40rem}.inv2-hero-stat{align-items:center;background:var(--inv2-surface-2);border:1px solid var(--inv2-border);border-radius:var(--inv2-radius-sm);display:flex;gap:.85rem;padding:.85rem 1.1rem}.inv2-hero-stat-icon{color:var(--inv2-accent);font-size:1.35rem;opacity:.9}.inv2-hero-stat-val{font-feature-settings:"tnum";display:block;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.inv2-hero-stat-label{color:var(--inv2-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.inv2-alert{border-radius:var(--inv2-radius-sm);font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.9rem 1.1rem}.inv2-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.inv2-panel{background:var(--inv2-surface);border:1px solid var(--inv2-border);border-radius:var(--inv2-radius);box-shadow:var(--inv2-shadow);margin-bottom:1.25rem;overflow:hidden}.inv2-panel--filters{padding:1.15rem 1.35rem 1.35rem}.inv2-panel-head{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.inv2-panel-head-icon{color:var(--inv2-accent);font-size:.875rem}.inv2-panel-title{color:var(--inv2-text-muted);font-size:.8125rem;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}.inv2-filter-grid{grid-gap:1rem 1.25rem;display:grid;gap:1rem 1.25rem;grid-template-columns:1fr}@media (min-width:768px){.inv2-filter-grid{grid-template-columns:1fr 1fr}.inv2-field--row{grid-column:1/-1}}@media (min-width:1024px){.inv2-filter-grid{align-items:end;grid-template-columns:1.2fr 1fr auto}.inv2-field--row{align-self:end;grid-column:auto;justify-self:end}}.inv2-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.inv2-field--row{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.75rem 1rem}.inv2-label{color:var(--inv2-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.inv2-input,.inv2-select{background:#fff;border:1px solid var(--inv2-border);border-radius:var(--inv2-radius-sm);color:var(--inv2-text);font-size:.875rem;padding:.55rem .75rem;transition:border-color .15s,box-shadow .15s;width:100%}.inv2-input:focus,.inv2-select:focus{border-color:var(--inv2-accent);box-shadow:0 0 0 3px var(--inv2-accent-soft);outline:none}.inv2-toggle{align-items:center;color:#334155;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;-webkit-user-select:none;user-select:none}.inv2-toggle input{accent-color:var(--inv2-accent);height:1rem;width:1rem}.inv2-btn{align-items:center;border:1px solid #0000;border-radius:var(--inv2-radius-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.45rem;justify-content:center;padding:.55rem 1rem;transition:background .15s,border-color .15s,color .15s,filter .15s}.inv2-btn--primary{background:var(--inv2-accent);box-shadow:0 1px 2px #4f46e540;color:#fff}.inv2-btn--primary:hover{filter:brightness(1.06)}.inv2-btn--ghost{background:#fff;border-color:var(--inv2-border);color:var(--inv2-text-muted)}.inv2-btn--ghost:hover{background:var(--inv2-surface-2);color:var(--inv2-text)}.inv2-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.inv2-btn--danger:hover{filter:brightness(1.06)}.inv2-panel--list{padding-bottom:0}.inv2-toolbar{align-items:center;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid var(--inv2-border);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:1.1rem 1.35rem}.inv2-toolbar-title{font-size:1rem;font-weight:800;letter-spacing:-.02em;margin:0}.inv2-toolbar-actions{align-items:center;display:flex;gap:.5rem}.inv2-readonly{background:#fffbeb;border:1px solid #fde68a;border-radius:999px;color:#b45309;font-size:.8125rem;font-weight:600;padding:.4rem .75rem}.inv2-table-scroll{overflow-x:auto;padding:0 1.35rem}.inv2-table{border-collapse:collapse;font-size:.875rem;width:100%}.inv2-table thead th{background:#fff;border-bottom:2px solid #e2e8f0;color:var(--inv2-text-muted);font-size:.6875rem;font-weight:800;letter-spacing:.05em;padding:.75rem .65rem;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.inv2-th-btn{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-size:inherit;font-weight:inherit;gap:.35rem;letter-spacing:inherit;padding:0;text-transform:inherit}.inv2-th-btn:hover{color:var(--inv2-accent)}.inv2-sort-icon{font-size:.65rem;opacity:.45}.inv2-sort-icon--active{color:var(--inv2-accent);opacity:1}.inv2-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:.85rem .65rem;vertical-align:middle}.inv2-table tbody tr:hover td{background:#fafafa}.inv2-row--low td{background:#fef3c759}.inv2-row--low:hover td{background:#fef3c780}.inv2-col-actions{text-align:right;width:1%}.inv2-cell-name{align-items:center;display:flex;flex-wrap:wrap;font-weight:600;gap:.35rem}.inv2-chip{align-items:center;border-radius:6px;display:inline-flex;font-size:.6875rem;padding:.15rem .4rem}.inv2-chip--fast{background:#10b98124;color:#047857}.inv2-muted{color:#94a3b8;font-style:italic}.inv2-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inv2-price-sub{color:var(--inv2-text-muted);font-size:.75rem;margin-top:.2rem}.inv2-price-sub--special{color:#dc2626}.inv2-unit{color:var(--inv2-text-muted);font-size:.8125rem;font-weight:500;text-transform:lowercase}.inv2-stock-low{color:#c2410c;font-weight:700}.inv2-empty{color:var(--inv2-text-muted);font-weight:500;padding:2.75rem 1rem!important;text-align:center}.inv2-actions{text-align:right;white-space:nowrap}.inv2-action{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;margin-left:.25rem;padding:.35rem .55rem;transition:background .15s,border-color .15s}.inv2-action span{display:none}@media (min-width:1100px){.inv2-action span{display:inline}}.inv2-action--view{background:#10b9811f;border-color:#10b98140;color:#047857}.inv2-action--view:hover{background:#10b98133}.inv2-action--edit{background:var(--inv2-accent-soft);border-color:#4f46e540;color:var(--inv2-accent)}.inv2-action--edit:hover{background:#4f46e52e}.inv2-action--delete{background:#dc262614;border-color:#dc262633;color:#dc2626}.inv2-action--delete:hover{background:#dc262624}.inv2-pagination{background:var(--inv2-surface-2);border-top:1px solid var(--inv2-border);padding:1rem 1.35rem 1.25rem}.inv2-loading{align-items:center;color:var(--inv2-text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:280px}.inv2-loading-ring{animation:inv2-spin .75s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--inv2-accent);height:40px;width:40px}@keyframes inv2-spin{to{transform:rotate(1turn)}}.inv2-delete-modal h3{color:var(--inv2-text);margin:0 0 12px}.inv2-delete-modal p{color:var(--inv2-text-muted);line-height:1.5;margin:0 0 20px}.modal-overlay{animation:inv2-fadeIn .2s;background-color:#00000080;bottom:0;left:0;right:0;top:0}@keyframes inv2-fadeIn{0%{opacity:0}to{opacity:1}}.delete-modal{padding:24px}.modal-actions{gap:12px}.purchases-table{border-collapse:collapse;width:100%}.purchases-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.purchases-table th{color:#475569;font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.purchases-table td{border-bottom:1px solid #e2e8f0;padding:12px}.purchases-table tbody tr:hover{background-color:#f1f5f9}.payment-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.payment-badge.cash{background:#dcfce7;color:#166534}.payment-badge.credit{background:#fef3c7;color:#92400e}.purchase-modal{max-height:90vh;max-width:800px;overflow-y:auto}.purchase-items-section{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.items-table{font-size:14px}.items-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.items-table td,.items-table th{border-bottom:1px solid #e2e8f0;padding:8px;text-align:left}.items-table tfoot{border-top:2px solid #e2e8f0;font-weight:600}.purchase-input{background-color:#fff;border:2px solid #cbd5e1;border-radius:6px;box-sizing:border-box;font-size:15px;padding:10px 12px;transition:all .2s ease;width:100%}.purchase-input:focus{background-color:#f8fafc;border-color:#6366f1;box-shadow:0 0 0 3px #3b82f61a;outline:none}.purchase-input:hover{border-color:#94a3b8}.purchase-input::placeholder{color:#94a3b8;opacity:.7}.purchase-items-section .form-row{align-items:flex-end;gap:12px}.purchase-items-section .form-group{display:flex;flex-direction:column}.purchase-items-section .form-label{color:#475569;font-size:13px;font-weight:500;margin-bottom:6px}.purchases-page__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;margin-bottom:1.25rem}.purchases-page__titles{flex:1 1;min-width:0}.purchases-page__titles .page-title{margin-bottom:.35rem}.purchases-page__header-actions{flex-shrink:0}.purchases-page__header-actions .btn{white-space:nowrap}.purchases-table td .actions-cell{justify-content:flex-end}@media (max-width:640px){.purchases-table td .actions-cell{justify-content:flex-start}}.billing-container{--bill-surface:#fff;--bill-surface-2:#f8fafc;--bill-border:#e2e8f0;--bill-text:#0f172a;--bill-muted:#64748b;--bill-accent:var(--color-primary,#4f46e5);--bill-accent-soft:#4f46e51a;--bill-radius:14px;--bill-radius-sm:10px;--bill-shadow:0 1px 2px #0f172a0d,0 8px 24px #0f172a0f;color:var(--bill-text);margin:0 auto;max-width:1240px;padding:.25rem 0 2.25rem}.error-message{background:#fef2f2;padding:.9rem 1.1rem}.billing-stock-banner,.error-message{border-radius:var(--bill-radius-sm);margin-bottom:1rem}.billing-stock-banner{background:#fff7ed;border:1px solid #fdba74;color:#c2410c;font-size:.875rem;padding:.75rem 1rem}.billing-header-bar{align-items:center;background:var(--bill-surface);border:1px solid var(--bill-border);border-radius:var(--bill-radius);box-shadow:var(--bill-shadow);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding:.95rem 1.15rem}.billing-time-display{align-items:baseline;display:flex;flex-wrap:wrap;gap:.65rem}.billing-date{color:var(--bill-muted);font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.billing-time{font-size:1rem;font-weight:700}.billing-invoice-display{color:var(--bill-muted);font-size:.875rem;font-weight:600}.billing-outstanding-box{grid-gap:.1rem;background:#fff;border:1px solid var(--bill-border);border-radius:var(--bill-radius-sm);display:grid;gap:.1rem;margin-bottom:1rem;padding:.85rem 1rem}.billing-outstanding-box--due{background:#fff7ed;border-color:#fdba74}.billing-outstanding-box--clear{background:#f0fdf4;border-color:#86efac}.billing-outstanding-box__label{color:var(--bill-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.billing-outstanding-box__name{font-weight:700}.billing-outstanding-box__amount{font-weight:800}.billing-search-section{margin-bottom:1rem;position:relative}.billing-search-box{align-items:center;background:var(--bill-surface);border:1px solid var(--bill-border);border-radius:var(--bill-radius);box-shadow:var(--bill-shadow);display:flex;gap:.5rem;padding:.55rem .75rem}.billing-search-icon{color:var(--bill-accent);font-size:.95rem}.billing-search-input{background:#0000;border:none;color:var(--bill-text);flex:1 1;font-size:.95rem}.billing-search-input:focus{outline:none}.billing-search-results{background:#fff;border:1px solid var(--bill-border);border-radius:var(--bill-radius-sm);box-shadow:0 10px 24px #0f172a1f;max-height:320px;overflow:auto;position:absolute;top:calc(100% + 6px);width:100%;z-index:40}.billing-search-result-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:.7rem .8rem}.billing-search-result-item:hover{background:#f8fafc}.billing-search-result-item--disabled{cursor:not-allowed;opacity:.55}.billing-result-name{font-weight:600}.billing-result-meta{color:var(--bill-muted);display:flex;font-size:.78rem;gap:.75rem;justify-content:space-between}.billing-main-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:1040px){.billing-main-layout{align-items:start;grid-template-columns:minmax(0,1fr) 340px}}.billing-items-section,.billing-summary-section{background:var(--bill-surface);border:1px solid var(--bill-border);border-radius:var(--bill-radius);box-shadow:var(--bill-shadow);overflow:visible}.billing-section-header,.billing-summary-header{align-items:center;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid var(--bill-border);display:flex;gap:.75rem;justify-content:space-between;padding:.95rem 1.1rem}.billing-section-header h3,.billing-summary-header h3{font-size:.95rem;font-weight:800;margin:0}.billing-customer-selector-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.billing-customer-dropdown-container{position:relative}.billing-customer-select-trigger{align-items:center;background:#fff;border:1px solid var(--bill-border);border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;min-width:220px;padding:.45rem .7rem}.billing-dropdown-arrow{color:var(--bill-muted);font-size:.65rem}.billing-customer-name-input{border:1px solid var(--bill-border);border-radius:8px;font-size:.84rem;min-width:200px;padding:.45rem .65rem}.billing-customer-dropdown-overlay{inset:0;position:fixed;z-index:49}.billing-customer-dropdown{background:#fff;border:1px solid var(--bill-border);border-radius:10px;box-shadow:0 12px 25px #0f172a24;max-height:360px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:320px;z-index:50}.billing-customer-search-input{border:none;border-bottom:1px solid var(--bill-border);font-size:.85rem;padding:.6rem .75rem;width:100%}.billing-customer-search-input:focus{outline:none}.billing-customer-options{max-height:300px;overflow:auto}.billing-new-customer-btn{background:#fff;border:1px dashed var(--bill-accent);border-radius:8px;color:var(--bill-accent);cursor:pointer;font-weight:600;margin:6px;padding:.45rem .6rem;width:calc(100% - 12px)}.billing-customer-option{border-top:1px solid #f1f5f9;cursor:pointer;font-size:.84rem;padding:.55rem .75rem}.billing-customer-option.selected,.billing-customer-option:hover{background:#f8fafc}.billing-customer-due,.billing-customer-hint,.billing-customer-phone{color:var(--bill-muted);display:block;font-size:.72rem;margin-top:2px}.billing-customer-due{color:#c2410c}.billing-items-table-container{overflow:auto}.billing-items-table{border-collapse:collapse;font-size:.875rem;width:100%}.billing-items-table th{border-bottom:2px solid #e2e8f0;color:var(--bill-muted);font-size:.68rem;letter-spacing:.05em;padding:.72rem .68rem;text-align:left;text-transform:uppercase;white-space:nowrap}.billing-items-table td{border-bottom:1px solid #f1f5f9;padding:.72rem .68rem;vertical-align:top}.billing-empty-items{color:var(--bill-muted);padding:2.25rem 1rem!important;text-align:center}.billing-item-name{font-weight:600}.billing-stock-warning{color:#c2410c;font-size:.73rem;margin-top:4px}.billing-discount-input,.billing-paid-input,.billing-price-input,.billing-price-type-select,.billing-qty-input,.billing-sale-notes{background:#fff;border:1px solid var(--bill-border);border-radius:8px;font-size:.82rem;padding:.4rem .55rem;width:100%}.billing-price-controls{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:1fr 1fr}.billing-item-total{font-weight:700;white-space:nowrap}.billing-remove-btn-text{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.74rem;font-weight:600;padding:.32rem .52rem}.billing-summary-content{grid-gap:.7rem;display:grid;gap:.7rem;padding:.95rem 1.1rem 1.1rem}.billing-summary-row{grid-gap:.65rem;align-items:center;display:grid;gap:.65rem;grid-template-columns:1fr auto}.billing-summary-label{color:var(--bill-muted);font-size:.84rem;font-weight:600}.billing-summary-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.billing-grand-total{background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:10px;color:#fff;padding:.62rem .72rem}.billing-grand-total .billing-summary-label,.billing-grand-total .billing-summary-value{color:#fff}.billing-notes-row{grid-template-columns:1fr}.billing-sale-notes{min-height:72px;resize:vertical}.billing-paid-display .billing-summary-value{color:#059669}.billing-change-display .billing-summary-value{color:#2563eb}.billing-remaining-due .billing-summary-value{color:#dc2626}.billing-paid-full{color:#059669;grid-template-columns:1fr}.billing-action-buttons{grid-gap:.55rem;border-top:1px solid var(--bill-border);display:grid;gap:.55rem;padding:.9rem 1.1rem 1.15rem}.billing-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:700;padding:.62rem .8rem}.billing-btn:disabled{cursor:not-allowed;opacity:.6}.billing-btn-save{background:var(--bill-accent);color:#fff}.billing-btn-save-print{background:#10b981;color:#fff}.billing-btn-cancel{background:#fff;border-color:var(--bill-border);color:var(--bill-muted)}.modal-overlay{background:#0f172a73}.modal.billing-new-customer-modal{background:#fff;border:1px solid var(--bill-border);border-radius:12px;box-shadow:0 18px 30px #0f172a3d;width:min(92vw,420px)}.modal-header{align-items:center;border-bottom:1px solid var(--bill-border);display:flex;justify-content:space-between;padding:.9rem 1rem}.modal-header h2{font-size:1rem;margin:0}.modal-close{background:none;border:none;color:var(--bill-muted);cursor:pointer;font-size:1.2rem}.billing-new-customer-form{grid-gap:.45rem;display:grid;gap:.45rem;padding:.95rem 1rem 1rem}.form-label{color:var(--bill-muted);font-size:.76rem;font-weight:700;text-transform:uppercase}.form-input{border:1px solid var(--bill-border);border-radius:8px;padding:.46rem .6rem}.form-input:focus{border-color:var(--bill-accent);box-shadow:0 0 0 3px var(--bill-accent-soft)}.loading{color:var(--bill-muted);padding:2.5rem 1rem}@media (max-width:720px){.billing-section-header{align-items:flex-start;flex-direction:column}.billing-customer-name-input,.billing-customer-select-trigger{min-width:100%;width:100%}.billing-customer-dropdown{left:0;right:auto;width:min(92vw,360px)}.billing-price-controls{grid-template-columns:1fr}}.billing-items-section{position:relative;z-index:30}.billing-summary-section{position:relative;z-index:1}.billing-section-header{overflow:visible}.billing-customer-selector-wrapper{position:relative;z-index:35}.supplier-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0f172a6b!important;display:flex!important;inset:0!important;justify-content:center!important;padding:16px!important;position:fixed!important;z-index:99999!important}.supplier-modal-shell{background:#fff!important;border:1px solid #e9e6df!important;border-radius:14px!important;box-shadow:0 24px 56px #0f172a33!important;font-family:Manrope,Inter,DM Sans,system-ui,-apple-system,sans-serif;max-height:92vh!important;overflow-y:auto!important}.supplier-modal--wide,.supplier-modal-shell{max-width:620px!important;width:min(94vw,620px)!important}.supplier-modal-header{align-items:center;border-bottom:1px solid #f1eee8;display:flex;justify-content:space-between;padding:14px 16px 10px}.supplier-modal-header h2{color:#1f1d19;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}.supplier-modal .modal-close{background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:20px;height:28px;width:28px}.supplier-modal .modal-close:hover{background:#f3f4f6;color:#4b5563}.supplier-form{padding:10px 16px 14px}.supplier-form .zb-form-grid{gap:9px}.supplier-form .form-group{margin-bottom:8px}.supplier-form .form-label{color:#5a554d;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.supplier-form .form-input{background:#faf9f6;border:1px solid #e7e2d9;border-radius:10px;color:#1f1d19;font-size:13px;min-height:36px;padding:8px 10px}.supplier-form .form-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.supplier-form textarea.form-input{min-height:64px;resize:vertical}.supplier-form .error-message{font-size:11px;margin-top:3px}.supplier-form .balance-help,.supplier-form .form-help-text{color:#968f85;font-size:11px;line-height:1.35;margin-top:4px}.supplier-form .balance-display{background:#fbfaf8;border:1px solid #ece9e2;border-radius:10px;margin-top:2px;padding:9px 10px}.supplier-form .balance-label{margin-bottom:3px!important}.supplier-form .balance-value{font-size:24px;font-weight:700;margin-bottom:2px}.supplier-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.supplier-form-actions .btn{border-radius:10px;font-size:12px;font-weight:600;height:33px;min-height:33px;padding:0 13px}@media (max-width:760px){.supplier-modal--wide,.supplier-modal-shell{max-height:92vh!important;max-width:95%!important;width:95%!important}}.supplier-modal--wide,.supplier-modal-shell{max-height:min(86vh,540px)!important;max-width:520px!important;width:min(92vw,520px)!important}.supplier-modal-header{padding:12px 14px 8px!important}.supplier-modal-header h2{font-size:16px!important}.supplier-form{padding:8px 14px 12px!important}.supplier-form .zb-form-grid{gap:8px!important}.supplier-form .form-group{margin-bottom:7px!important}.supplier-form .form-input{font-size:12.5px!important;min-height:34px!important;padding:7px 9px!important}.supplier-form textarea.form-input{min-height:50px!important}.supplier-form .balance-display{padding:8px 9px!important}.supplier-form .balance-value{font-size:14px!important}.supplier-form-actions{margin-top:8px!important}.supplier-form-actions .btn{font-size:11.5px!important;height:31px!important;min-height:31px!important;padding:0 11px!important}@media (max-width:760px){.supplier-modal--wide,.supplier-modal-shell{max-height:90vh!important;max-width:94%!important;width:94%!important}}.tabs-container{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;gap:4px;padding:0 16px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#64748b;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-2px;padding:14px 28px;position:relative;transition:all .2s}.tab-button.active,.tab-button:hover{background-color:#fff;color:#4f46e5}.tab-button.active{border-bottom-color:#4f46e5;box-shadow:0 -2px 4px #0000000d;font-weight:600}.ledger-table{border-collapse:collapse;width:100%}.ledger-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;padding:12px;text-align:left}.ledger-table td{border-bottom:1px solid #e2e8f0;font-size:14px;padding:12px}.ledger-table tbody tr:hover{background-color:#f8fafc}.transaction-type-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.transaction-type-badge.purchase{background-color:#dcfce7;color:#166534}.transaction-type-badge.payment{background-color:#fee2e2;color:#991b1b}.ledger-table{box-shadow:0 1px 3px #0000000d}.ledger-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.supplier-payments-table{box-shadow:0 1px 3px #0000000d}.supplier-payments-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.card-content{padding:0}.items-table{border-collapse:collapse;margin-top:16px;width:100%}.items-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;padding:12px;text-align:left}.items-table td{border-bottom:1px solid #e2e8f0;font-size:14px;padding:12px}.items-table tbody tr:hover,.items-table tfoot{background-color:#f8fafc}.items-table tfoot{font-weight:700}.sdv{background:#f2f1ed;padding:12px 14px 26px}.sdv-topbar{align-items:center;background:#fff;border:1px solid #e8e5df;border-radius:12px;display:flex;gap:12px;height:48px;margin-bottom:14px;padding:0 16px}.sdv-back{align-items:center;background:#0000;border:1px solid #e5e2db;border-radius:8px;color:#6b6760;display:inline-flex;font-size:12px;gap:5px;padding:5px 11px}.sdv-breadcrumb{color:#9c9890;display:flex;font-size:13px;gap:6px}.sdv-breadcrumb strong{color:#14120e}.sdv-hero{background:#13111f;border-radius:20px;margin-bottom:14px;overflow:hidden;padding:22px 24px;position:relative}.sdv-hero-bg{background:radial-gradient(ellipse 55% 90% at 88% 50%,#4f46e552 0,#0000 65%),radial-gradient(ellipse 35% 55% at 4% 85%,#8b5cf62e 0,#0000 60%);inset:0;opacity:.95;position:absolute}.sdv-hero-foot,.sdv-hero-row{display:flex;gap:16px;justify-content:space-between;position:relative;z-index:1}.sdv-hero-id{display:flex;gap:14px}.sdv-avatar{background:#ffffff1f;border:1px solid #ffffff24;border-radius:14px;color:#fff;display:grid;font-size:18px;font-weight:800;height:54px;place-items:center;width:54px}.sdv-hero-id h2{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.sdv-hero-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sdv-hero-meta span{align-items:center;color:#ffffffa6;display:inline-flex;font-size:12px;gap:5px}.sdv-status{border-radius:999px;padding:3px 10px}.sdv-status.due{background:#10b9812e;border:1px solid #10b98147;color:#34d399}.sdv-status.settled{background:#3b82f629;border:1px solid #3b82f64d;color:#bfdbfe}.sdv-balance{text-align:right}.sdv-balance span{color:#fff6;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.sdv-balance strong{color:#f87171;display:block;font-size:30px;line-height:1.05;margin-top:3px}.sdv-balance strong.settled{color:#34d399}.sdv-balance small{color:#fff6;font-size:11px}.sdv-hero-divider{background:#ffffff17;height:1px;margin:16px 0;position:relative;z-index:1}.sdv-kpis{display:flex;gap:22px}.sdv-kpis strong{color:#fff;display:block;font-size:15px}.sdv-kpis span{color:#ffffff6b;font-size:11px}.sdv-hero-actions{display:flex;gap:8px}.sdv-btn{align-items:center;border:none;border-radius:10px;display:inline-flex;font-size:13px;gap:6px;padding:9px 14px}.sdv-btn.light{background:#fff;color:#14120e}.sdv-btn.dark{background:#0000;border:1px solid #fff3;color:#fff}.sdv-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.sdv-card{background:#fff;border:1px solid #e8e5df;border-radius:16px;padding:16px 18px}.sdv-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sdv-card .icon{border-radius:9px;display:grid;height:34px;place-items:center;width:34px}.sdv-card .icon.open{background:#fef3f2;color:#ef4444}.sdv-card .icon.credit{background:#eff6ff;color:#2563eb}.sdv-card .icon.paid{background:#f0fdf4;color:#16a34a}.sdv-card .tag{color:#9c9890;font-size:11px;font-weight:600}.sdv-card strong{color:#14120e;font-size:22px}.sdv-card p{color:#9c9890;font-size:12px;margin:4px 0 0}.sdv-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 316px}.sdv-maincard,.sdv-side-card{background:#fff;border:1px solid #e8e5df;border-radius:18px;overflow:hidden}.sdv-tabs{border-bottom:1px solid #f0eee9;display:flex;padding:0 6px}.sdv .tab-button{align-items:center;background:#0000;border:none;color:#9c9890;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:13px 15px}.sdv .tab-button.active{background:#0000;border-bottom:2px solid #4f46e5;box-shadow:none;color:#14120e}.sdv .card-content{padding:12px 16px 14px}.sdv .table-container{border:none}.sdv .ledger-table th,.sdv .supplier-payments-table th{background:#fff;border-bottom:1px solid #f0eee9;color:#b0aca4;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.sdv .ledger-table td,.sdv .supplier-payments-table td{border-bottom:1px solid #f8f7f3;font-size:13px}.sdv-side{display:flex;flex-direction:column;gap:14px}.sdv-side-card .hd{border-bottom:1px solid #f4f2ee;font-size:14px;font-weight:700;padding:13px 18px}.sdv-side-card .row{border-bottom:1px solid #f8f7f3;padding:9px 18px}.sdv-side-card .row:last-child{border-bottom:none}.sdv-side-card label{color:#c4c0b8;display:block;font-size:10px;font-weight:600;margin-bottom:2px;text-transform:uppercase}.sdv-side-card p{color:#14120e;font-size:13px;margin:0;word-break:break-word}.sdv-side-card .split{display:flex;font-size:13px;justify-content:space-between;padding:8px 18px}.sdv-side-card .total{border-radius:10px;display:flex;justify-content:space-between;margin:8px 12px 12px;padding:10px 12px}.sdv-side-card .total.due{background:#fff1f1;color:#dc2626}.sdv-side-card .total.settled{background:#f0fdf4;color:#16a34a}.activity{display:flex;gap:10px;padding:10px 18px}.activity .dot{border-radius:50%;display:grid;font-size:10px;height:22px;place-items:center;width:22px}.activity .dot.pay{background:#f0fdf4;color:#16a34a}.activity .dot.purchase{background:#eff6ff;color:#2563eb}.activity p{font-size:13px;font-weight:500;margin:0}.activity small{color:#b0aca4;font-size:11.5px}.empty-activity{color:#9c9890;font-size:12px;padding:16px 18px}@media (max-width:1080px){.sdv-cards,.sdv-grid{grid-template-columns:1fr}.sdv-hero-foot,.sdv-hero-row{flex-direction:column}.sdv-balance{text-align:left}}.content-container.sdv{min-height:auto;padding-top:0!important}.sdv-tab-footer{align-items:center;border-top:1px solid #f0eee9;display:flex;gap:12px;justify-content:space-between;margin-top:6px;padding:12px 4px 4px}.sdv-tab-footer span{color:#9c9890;font-size:12px}.sdv-footer-action{background:#14120e;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.sdv-footer-action:hover{background:#2a2820}.sdv-modal-overlay{animation:sdvOverlayIn .22s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f121e5c}.sdv-form-modal{animation:sdvModalIn .26s cubic-bezier(.22,1,.36,1);border:1px solid #ece9e2;border-radius:22px;box-shadow:0 28px 72px #00000038;overflow:hidden;transform-origin:center}.sdv-form-modal--payment{max-width:520px}.sdv-form-modal--purchase{max-width:760px}.sdv-form-header{background:#fff;border-bottom:1px solid #f1eee8;padding:18px 20px 8px}.sdv-form-header h2{color:#14120e;font-size:31px;letter-spacing:-.03em;line-height:1;margin:0}.sdv-form-subtitle{color:#9c9890;font-size:12px;margin:5px 0 0}.sdv-form-body{padding:14px 20px 18px}.sdv-form-body .form-label{color:#4a4740;font-size:12px;font-weight:600;margin-bottom:6px}.sdv-form-body .form-input{background:#faf9f6;border:1.5px solid #e8e5df;border-radius:10px;box-shadow:none;font-size:13.5px;padding:10px 12px}.sdv-form-body .form-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.sdv-form-actions{border-top:none;gap:8px;margin-top:10px;padding-top:0}.sdv-form-cancel{background:#fff;border:1px solid #e8e5df;border-radius:10px;box-shadow:none;color:#6b6760}.sdv-form-cancel:hover{background:#f8f6f2;transform:none}.sdv-form-save{background:#14120e;border:1px solid #14120e;border-radius:10px;box-shadow:none;color:#fff}.sdv-form-save:hover:not(:disabled){background:#2a2820;border-color:#2a2820;transform:translateY(-1px)}@keyframes sdvOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes sdvModalIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sdv-form-modal--payment{max-width:400px;width:min(92vw,400px)}.sdv-form-modal--purchase{max-width:560px;width:min(94vw,560px)}.sdv-form-header{padding:14px 18px 6px}.sdv-form-header h2{font-size:34px;letter-spacing:-.02em}.sdv-form-subtitle{font-size:11.5px;margin-top:3px}.sdv-form-body{padding:10px 18px 14px}.sdv-form-body .zb-form-grid{gap:10px}.sdv-form-body .form-group{margin-bottom:10px}.sdv-form-body .form-input{font-size:13px;padding:9px 10px}.sdv-form-actions{margin-top:2px}.sdv-form-actions .btn{font-size:12.5px;min-height:36px;padding:0 14px}.sdv-form-modal--payment{max-height:min(84vh,430px);max-width:400px!important;overflow:hidden;width:min(92vw,400px)!important}.sdv-form-modal--payment .sdv-form-header{padding:16px 18px 6px}.sdv-form-modal--payment .sdv-form-header h2{font-family:Bricolage Grotesque,DM Sans,Inter,system-ui,sans-serif;font-size:35px;letter-spacing:-.02em;line-height:1.02;margin:0}.sdv-form-modal--payment .sdv-form-subtitle{font-size:11.5px;line-height:1.25;margin-top:2px}.sdv-form-modal--payment .sdv-form-body{font-family:DM Sans,Inter,system-ui,sans-serif;overflow:hidden;padding:10px 18px 12px}.sdv-form-modal--payment .zb-form-grid{gap:8px}.sdv-form-modal--payment .form-group{margin-bottom:8px}.sdv-form-modal--payment .form-label{font-size:12px;line-height:1.2;margin-bottom:5px}.sdv-form-modal--payment .form-input{border-radius:9px;font-size:13px;height:32px;min-height:32px;padding:6px 10px}.sdv-form-modal--payment textarea.form-input{height:32px;min-height:32px;overflow:hidden;padding-top:7px;resize:none}.sdv-form-modal--payment .sdv-form-actions{gap:8px;justify-content:flex-end;margin-top:0}.sdv-form-modal--payment .sdv-form-actions .btn{border-radius:10px;font-size:12px;font-weight:600;height:32px;min-height:32px;padding:0 14px}@media (max-height:760px){.sdv-form-modal--payment{max-height:min(88vh,410px)}.sdv-form-modal--payment .sdv-form-header h2{font-size:32px}}.modal-overlay,.sdv-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;display:flex!important;height:100vh!important;inset:0!important;justify-content:center!important;overflow:hidden!important;padding:16px!important;position:fixed!important;width:100vw!important;z-index:99999!important}.sdv-form-modal--payment{max-height:min(82vh,392px)!important;overflow:hidden!important}.sdv-form-modal--payment .sdv-form-header h2{font-size:28px!important;line-height:1.05!important}.sdv-form-modal--payment .sdv-form-body{padding:8px 16px 10px!important}.sdv-form-modal--payment .form-group{margin-bottom:7px!important}.sdv-form-modal--payment .form-input{height:31px!important;min-height:31px!important}.sdv-form-modal--payment textarea.form-input{height:31px!important}.sdv-form-modal--purchase{max-height:min(86vh,500px)!important;max-width:430px!important;overflow:hidden!important;width:min(94vw,430px)!important}.sdv-form-modal--purchase .sdv-form-header{padding:14px 16px 6px}.sdv-form-modal--purchase .sdv-form-header h2{font-size:28px!important;line-height:1.05}.sdv-form-modal--purchase .sdv-form-subtitle{font-size:11.5px;margin-top:2px}.sdv-form-modal--purchase .sdv-form-body{overflow-y:auto;padding:8px 14px 12px!important}.sdv-form-modal--purchase .form-group{margin-bottom:8px!important}.sdv-form-modal--purchase .form-label{font-size:11.5px;margin-bottom:4px}.sdv-form-modal--purchase .form-input{font-size:13px;height:32px;min-height:32px;padding:6px 10px}.sdv-form-modal--purchase .purchase-items-section{border-top:1px solid #f1eee8;margin-top:4px;padding-top:8px}.sdv-form-modal--purchase .purchase-items-section h3{font-size:18px;line-height:1.1;margin:0 0 6px}.sdv-form-modal--purchase .items-table{margin-top:8px!important}.sdv-form-modal--purchase .items-table td,.sdv-form-modal--purchase .items-table th{font-size:12px;padding:8px 6px}.sdv-form-modal--purchase .sdv-form-actions{margin-top:6px}.sdv-form-modal--purchase .sdv-form-actions .btn{font-size:12px;height:32px;min-height:32px;padding:0 12px}.main-content.main-content--compact-top{padding-top:var(--header-height)!important}.content-container.sdv{margin:0!important;max-width:none!important;width:100%!important}.content-container.sdv,.content-container.sdv .sdv{padding-left:0!important;padding-right:0!important}.content-container.sdv .sdv-cards,.content-container.sdv .sdv-grid,.content-container.sdv .sdv-hero,.content-container.sdv .sdv-topbar{margin-left:0!important;margin-right:0!important}.content-container.sdv .sdv-topbar{border-radius:0!important}.content-container.sdv{padding-left:12px!important;padding-right:12px!important}.content-container.sdv .sdv-topbar{margin-left:-12px!important;margin-right:-12px!important}.sup2{--sup2-surface:#fff;--sup2-surface-2:#f8fafc;--sup2-border:#e2e8f0;--sup2-text:#0f172a;--sup2-muted:#64748b;--sup2-accent:var(--color-primary,#4f46e5);--sup2-accent-soft:#4f46e51a;--sup2-radius:14px;--sup2-radius-sm:10px;--sup2-shadow:0 1px 2px #0f172a0d,0 8px 24px #0f172a0f;margin:0 auto;max-width:1180px;padding-bottom:2.4rem}.sup2-loading{align-items:center;color:var(--sup2-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:280px}.sup2-loading-ring{animation:sup2-spin .75s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--sup2-accent);height:40px;width:40px}@keyframes sup2-spin{to{transform:rotate(1turn)}}.sup2-hero{background:var(--sup2-surface);border:1px solid var(--sup2-border);border-radius:var(--sup2-radius);box-shadow:var(--sup2-shadow);margin-bottom:1.25rem;overflow:hidden;position:relative}.sup2-hero-accent{background:linear-gradient(180deg,#6366f1,#4f46e5 50%,#4338ca);bottom:0;left:0;position:absolute;top:0;width:5px}.sup2-hero-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.45rem 1.3rem 1.65rem}.sup2-eyebrow{color:var(--sup2-muted);display:block;font-size:.6875rem;font-weight:800;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.sup2-hero-title{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.035em;margin:0 0 .35rem}.sup2-hero-sub{color:var(--sup2-muted);font-size:.93rem;margin:0}.sup2-hero-stat{background:var(--sup2-surface-2);border:1px solid var(--sup2-border);border-radius:var(--sup2-radius-sm);display:grid;justify-items:center;min-width:100px;padding:.7rem 1rem}.sup2-hero-stat-val{font-size:1.45rem;font-weight:800;line-height:1.05}.sup2-hero-stat-label{color:var(--sup2-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.sup2-alert{border-radius:var(--sup2-radius-sm);margin-bottom:1rem;padding:.85rem 1rem}.sup2-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.sup2-panel{background:var(--sup2-surface);border:1px solid var(--sup2-border);border-radius:var(--sup2-radius);box-shadow:var(--sup2-shadow);margin-bottom:1.15rem;overflow:hidden}.sup2-panel--head{padding:.9rem 1.2rem}.sup2-panel-head-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.sup2-panel-head-row h2{font-size:1rem;font-weight:800;margin:0}.sup2-panel--filters{padding:1rem 1.2rem 1.15rem}.sup2-filter-grid{align-items:end;display:flex;flex-wrap:wrap;gap:.75rem}.sup2-field{display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:min(100%,420px)}.sup2-label{color:var(--sup2-muted);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sup2-input{border:1px solid var(--sup2-border);border-radius:var(--sup2-radius-sm);font-size:.88rem;padding:.58rem .75rem}.sup2-input:focus{border-color:var(--sup2-accent);box-shadow:0 0 0 3px var(--sup2-accent-soft);outline:none}.sup2-btn{border:1px solid #0000;border-radius:var(--sup2-radius-sm);cursor:pointer;font-size:.84rem;font-weight:700;padding:.55rem .95rem}.sup2-btn--primary{background:var(--sup2-accent);box-shadow:0 1px 2px #4f46e53d;color:#fff}.sup2-btn--ghost{background:#fff;border-color:var(--sup2-border);color:var(--sup2-muted)}.sup2-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.sup2-toolbar{align-items:center;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid var(--sup2-border);display:flex;gap:.8rem;justify-content:space-between;padding:.95rem 1.2rem}.sup2-toolbar h2{font-size:.98rem;font-weight:800;margin:0}.sup2-readonly{background:#fffbeb;border:1px solid #fde68a;border-radius:999px;color:#b45309;font-size:.78rem;font-weight:600;padding:.38rem .68rem}.sup2-table-wrap{overflow:auto;padding:0 1.2rem}.sup2-table{border-collapse:collapse;font-size:.875rem;width:100%}.sup2-table th{border-bottom:2px solid #e2e8f0;color:var(--sup2-muted);font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:.72rem .64rem;text-align:left;text-transform:uppercase;white-space:nowrap}.sup2-table td{border-bottom:1px solid #f1f5f9;padding:.78rem .64rem;vertical-align:middle}.sup2-table tbody tr:hover td{background:#fafafa}.sup2-empty{color:var(--sup2-muted);padding:2.25rem 1rem!important;text-align:center}.sup2-name{font-weight:700}.sup2-balance{font-feature-settings:"tnum";font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:800}.sup2-balance--due{color:#dc2626}.sup2-balance--clear{color:#059669}.sup2-actions{white-space:nowrap}.sup2-action{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.74rem;font-weight:700;margin-left:.25rem;padding:.32rem .56rem}.sup2-action--view{background:#10b9811f;border-color:#10b98138;color:#047857}.sup2-action--edit{background:var(--sup2-accent-soft);border-color:#4f46e533;color:var(--sup2-accent)}.sup2-action--delete{background:#dc262614;border-color:#dc262633;color:#dc2626}.sup2-viewonly{color:var(--sup2-muted);font-size:.76rem;font-style:italic}.sup2-pagination{background:var(--sup2-surface-2);border-top:1px solid var(--sup2-border);padding:1rem 1.2rem 1.15rem}.sup2-delete-modal h3{margin:0 0 10px}.sup2-delete-modal p{color:var(--sup2-muted);margin:0 0 16px}.sup2{max-width:100%;padding:0 2px 2rem}.sup3-topline{align-items:center;display:flex;gap:14px;margin:2px 0 14px}.sup3-topline h1{color:#111827;font-size:18px;font-weight:700;margin:0}.sup3-back{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px}.sup3-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.sup3-statCard{background:#fff;border:1px solid #eceff3;box-shadow:0 2px 8px #0f172a0a;padding:14px 14px 12px}.sup3-statIcon{background:#f3f4f6;border-radius:7px;display:inline-grid;font-size:13px;height:24px;margin-bottom:8px;place-items:center;width:24px}.sup3-statIcon--money{background:#fef2f2;color:#b91c1c}.sup3-statIcon--green{background:#f0fdf4;color:#15803d}.sup3-statIcon--blue{background:#eff6ff;color:#2563eb}.sup3-statIcon--purple{background:#faf5ff;color:#9333ea}.sup3-statCard h3{color:#0f172a;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0}.sup3-statCard p{color:#6b7280;margin:5px 0 0}.sup3-statCard small{color:#6b7280;display:inline-block;font-size:11px;font-weight:600;margin-top:7px}.sup3-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin:8px 0 14px}.sup3-header h2{color:#0f172a;font-size:38px;letter-spacing:-.04em;line-height:1;margin:0}.sup3-header p{color:#6b7280;margin:6px 0 0}.sup3-addBtn{background:#111827;border:1px solid #111827;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px}.sup3-mainCard{background:#fff;border:1px solid #eceff3;box-shadow:0 2px 8px #0f172a0a;overflow:hidden}.sup3-filterRow{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:14px}.sup3-search{border:1px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:14px;min-width:180px;padding:10px 12px}.sup3-search:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f;outline:none}.sup3-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sup3-chip{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;font-weight:700;padding:8px 10px}.sup3-chip span{background:#fee2e2;border-radius:999px;color:#b91c1c;font-size:11px;margin-left:6px;padding:1px 6px}.sup3-chip.is-active{background:#111827;border-color:#111827;color:#fff}.sup3-chip.is-active span{background:#ffffff2e;color:#fff}.sup3-tableWrap{overflow-x:auto;padding:0 14px 10px}.sup3-table{border-collapse:collapse;width:100%}.sup3-table th{border-bottom:1px solid #f1f5f9;color:#9ca3af;font-size:11px;font-weight:800;padding:11px 10px;text-align:left;text-transform:uppercase}.sup3-table td{border-bottom:1px solid #f8fafc;padding:12px 10px}.sup3-supplierCell{align-items:center;display:flex;gap:10px}.sup3-avatar{background:#f3f4f6;border-radius:10px;color:#374151;display:grid;font-size:12px;font-weight:800;height:32px;place-items:center;width:32px}.sup3-contactCell small,.sup3-supplierCell small{color:#9ca3af;display:block;font-size:12px;margin-top:2px}.sup3-status{border-radius:999px;font-size:11px;padding:4px 10px}.sup3-status.is-active{background:#ecfdf3;color:#15803d}.sup3-status.is-inactive{background:#f3f4f6;color:#6b7280}@media (max-width:1100px){.sup3-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.sup3-filterRow{align-items:stretch;flex-direction:column}.sup3-header h2{font-size:28px}.sup3-stats{grid-template-columns:1fr}}.content-area:has(.sup2),.sup2{background:#eef2f7}.sup2{padding:0 18px 2rem}.sup3-mainCard,.sup3-statCard{background:#fff}.sup3-topline{margin-top:8px;padding-inline:2px}.sup3-back{align-items:center;display:inline-flex;gap:6px}.sup3-filterRow,.sup3-tableWrap{padding-inline:16px}.sup3-chip{align-items:center;display:inline-flex;gap:6px}.sup3-back svg,.sup3-chip svg,.sup3-statIcon svg{font-size:12px}@media (max-width:780px){.sup2{padding:0 10px 1.25rem}}.content-container.sup2{background:#eef2f7;border-radius:12px}.sup3-status{align-items:center;background:#0000;border-radius:0;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:0}.sup3-statusDot{border-radius:999px;display:inline-block;height:6px;width:6px}.sup3-status.is-active{color:#16a34a}.sup3-status.is-active .sup3-statusDot{background:#16a34a}.sup3-status.is-inactive{color:#9ca3af}.sup3-status.is-inactive .sup3-statusDot{background:#d1d5db}.sup3-lastOrder{color:#374151;font-size:14px;letter-spacing:0}.sup3-table td{font-size:14px}.sup2{color:#14120e;font-family:DM Sans,Inter,system-ui,-apple-system,sans-serif}.sup3-stats{gap:12px;margin-bottom:14px}.sup3-statCard{border:1px solid #ece9e2;border-radius:14px;box-shadow:none;padding:12px 14px 11px}.sup3-statCard h3{color:#14120e;font-size:37px;letter-spacing:-.03em;line-height:1.02}.sup3-statCard p{color:#9c9890;font-size:12px}.sup3-statCard small{color:#9c9890;font-size:11.5px}.sup3-header{margin:6px 0 10px}.sup3-header h2{color:#14120e;font-size:48px;letter-spacing:-.045em}.sup3-header p{color:#9c9890;font-size:14px}.sup3-mainCard{border:1px solid #ece9e2;border-radius:14px;box-shadow:none}.sup3-search{border-color:#ece9e2;color:#4a4740;font-size:13.5px}.sup3-search::placeholder{color:#c4c0b8}.sup3-chip{border-color:#ece9e2;color:#6b6760;font-size:12px}.sup3-chip.is-active{background:#14120e;border-color:#14120e}.sup3-table th{border-bottom:1px solid #f0eee9;color:#b0aca4;font-size:10px;letter-spacing:.08em}.sup3-table td{border-bottom:1px solid #f8f7f3;color:#14120e;font-size:13.5px}.sup3-contactCell small,.sup3-supplierCell small{color:#b0aca4;font-size:11.5px}.sup3-lastOrder{color:#6b6760;font-size:13px;font-weight:500}.sup2-action{border-radius:7px;font-size:11.5px;padding:4px 8px}.content-container.sup2,.sup2{background:#f3f3f2!important;color:#171717;font-family:Inter,DM Sans,system-ui,-apple-system,sans-serif!important}.sup2{padding:0 12px 2rem!important}.sup3-topline{margin:4px 0 12px!important}.sup3-topline h1{color:#1a1a1a!important;font-size:28px!important;letter-spacing:-.02em}.sup3-back{background:#fbfbfa!important;border:1px solid #e7e5e4!important;border-radius:8px!important;color:#78716c!important;font-size:12px!important;font-weight:500!important;padding:6px 10px!important}.sup3-stats{gap:10px!important;margin-bottom:12px!important}.sup3-statCard{border:1px solid #ece9e4!important;border-radius:14px!important;box-shadow:none!important;padding:12px 16px 11px!important}.sup3-statIcon{border-radius:8px!important;font-size:12px!important;height:28px!important;margin-bottom:10px!important;width:28px!important}.sup3-statCard h3{color:#18181b!important;letter-spacing:-.03em!important;line-height:1.02!important}.sup3-statCard p{color:#9a948b!important;margin-top:4px!important}.sup3-statCard small{color:#948f87!important;margin-top:6px!important}.sup3-header{margin:8px 0 12px!important}.sup3-header h2{color:#171717!important;font-size:43px!important;letter-spacing:-.045em!important;line-height:1!important}.sup3-header p{color:#9a948b!important;font-size:22px!important;line-height:1.16!important;margin-top:4px!important}.sup3-addBtn{background:#171717!important;border:1px solid #171717!important;border-radius:12px!important;color:#fff!important;font-size:16px!important;min-height:40px;padding:9px 16px!important}.sup3-mainCard{background:#fff!important;border:1px solid #ece9e4!important;border-radius:14px!important;box-shadow:none!important}.sup3-filterRow{border-bottom:1px solid #efede8!important;gap:10px!important;padding:12px 14px!important}.sup3-search{border:1px solid #ece9e4!important;border-radius:11px!important;color:#6b6760!important;font-size:21px!important;height:42px;padding:10px 14px!important}.sup3-search::placeholder{color:#c8c3ba!important}.sup3-chips{gap:8px!important}.sup3-chip{background:#fff!important;border:1px solid #ece9e4!important;border-radius:11px!important;color:#6f6a62!important;font-size:16px!important;font-weight:500!important;min-height:40px;padding:8px 12px!important}.sup3-chip span{font-size:12px!important;font-weight:600!important}.sup3-chip.is-active{background:#171717!important;border-color:#171717!important;color:#fff!important}.sup3-tableWrap{padding:0 14px 8px!important}.sup3-table th{border-bottom:1px solid #f1efea!important;color:#b4aea4!important;letter-spacing:.08em!important;padding:11px 10px!important}.sup3-table td{border-bottom:1px solid #f8f6f1!important;color:#1f1f1f!important;padding:11px 10px!important;vertical-align:middle}.sup3-avatar{background:#f4f4f3!important;border-radius:10px!important;font-size:12px!important;font-weight:700!important;height:34px!important;width:34px!important}.sup2-name{color:#1f1f1f!important;font-size:19px!important}.sup3-contactCell small,.sup3-supplierCell small{color:#b0aca4!important;font-size:13px!important;margin-top:1px!important}.sup2-balance{font-size:22px!important;font-weight:600!important}.sup3-status{gap:6px!important}.sup3-rowActions{align-items:center;display:inline-flex;gap:10px}.sup3-rowAction{background:#0000;border:none;border-radius:7px;color:#9ca3af;cursor:pointer;display:inline-grid;height:26px;place-items:center;width:26px}.sup3-rowAction:hover{background:#f3f4f6;color:#4b5563}.sup3-rowAction--danger:hover{background:#fef2f2;color:#dc2626}.sup2-pagination{background:#fff!important;border-top:1px solid #efede8!important}@media (max-width:780px){.sup3-header h2{font-size:30px!important}.sup3-header p{font-size:15px!important}.sup2-balance,.sup2-name,.sup3-addBtn,.sup3-chip,.sup3-search{font-size:14px!important}}.sup3-topline h1{font-size:41px!important}.sup3-statCard h3{font-size:26px!important}.sup3-statCard p{font-size:14px!important}.sup3-header h2{font-size:52px!important;letter-spacing:-.03em!important}.sup3-header p{font-size:18px!important}.sup3-addBtn{min-height:36px}.sup3-search{font-size:14px!important;height:38px}.sup3-chip{min-height:36px}.sup2-name{font-size:30px!important}.sup2-balance{font-size:35px!important}.sup3-status{font-size:20px!important}.sup3-topline h1{font-size:18px!important;font-weight:700!important}.sup3-statCard h3{font-size:40px!important;font-weight:700!important}.sup3-statCard p{font-size:13px!important}.sup3-statCard small{font-size:12px!important}.sup3-header h2{font-size:50px!important;font-weight:700!important}.sup3-header p{color:#918b83!important;font-size:14px!important}.sup3-addBtn{font-size:14px!important;font-weight:700!important;min-height:38px;padding:8px 14px!important}.sup3-search{font-size:15px!important;height:40px}.sup3-chip{font-size:13px!important;font-weight:600!important;min-height:38px}.sup3-table th{font-weight:700!important}.sup3-table td{font-size:15px!important}.sup2-name{font-size:31px!important}.sup2-balance{font-size:30px!important}.sup3-status{font-size:17px!important}.sup3-lastOrder{font-size:15px!important}.sup3-table td{font-size:14px!important}.sup2-name{font-size:15px!important}.sup3-contactCell small,.sup3-supplierCell small{font-size:12px!important}.sup2-balance{font-size:16px!important;font-weight:700!important}.sup3-status{font-weight:600!important}.sup3-lastOrder,.sup3-status{font-size:14px!important}.sup3-rowAction{height:22px;width:22px}.sup3-statCard h3{line-height:1.04!important}.sup3-header h2,.sup3-statCard h3{font-size:35px!important;font-weight:600!important;letter-spacing:-.02em!important}.sup3-header h2{line-height:1.05!important}.content-area:has(.sup2),.content-container.sup2,.sup2{background:#f4f3ef!important}.sup3-table tbody tr:hover td{background:#f4f3ef!important}.sup3-table tbody tr{cursor:pointer}.sup2,.sup2 *{font-family:Manrope,Inter,DM Sans,system-ui,-apple-system,sans-serif}.sup3-topline h1{font-size:16px!important;letter-spacing:-.01em}.sup3-statCard h3,.sup3-topline h1{color:#22211f!important;font-weight:650!important}.sup3-statCard h3{font-size:18px!important;letter-spacing:-.01em!important;line-height:1.15!important}.sup3-statCard p{color:#8e887f!important;font-size:12px!important;font-weight:500!important}.sup3-statCard small{color:#9a948b!important;font-size:11px!important;font-weight:500!important}.sup3-header h2{color:#1f1e1b!important;font-size:20px!important;font-weight:650!important;letter-spacing:-.015em!important;line-height:1.15!important}.sup3-header p{color:#8f8a83!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important}.sup3-addBtn{font-size:13px!important;font-weight:600!important;min-height:34px;padding:7px 13px!important}.sup3-search{font-size:13px!important;font-weight:500!important;height:36px}.sup3-chip{font-size:12px!important;font-weight:550!important;min-height:34px;padding:6px 10px!important}.sup3-table th{color:#b1aaa1!important;font-size:10px!important;font-weight:650!important;letter-spacing:.07em!important}.sup3-table td{color:#2b2925!important;font-size:13px!important;font-weight:500!important}.sup2-name{color:#23211e!important;font-size:14px!important;font-weight:600!important}.sup3-contactCell small,.sup3-supplierCell small{color:#a7a198!important;font-size:11px!important;font-weight:500!important}.sup2-balance{font-size:14px!important;font-weight:650!important}.sup3-status{font-size:13px!important;font-weight:550!important}.sup3-lastOrder{color:#6f6a62!important;font-size:13px!important;font-weight:500!important}.sup3-rowAction{color:#a5a8b0}.supplier-payments-table{border-collapse:collapse;width:100%}.supplier-payments-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;padding:12px;text-align:left}.supplier-payments-table td{border-bottom:1px solid #e2e8f0;font-size:14px;padding:12px}.supplier-payments-table tbody tr:hover{background-color:#f8fafc}.payment-method-badge{background-color:#e0f2fe;border-radius:4px;color:#0369a1;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.supplier-payment-modal{max-width:600px}.supplier-payment-form{padding:20px}.customer-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.customer-modal-shell{border-radius:14px!important;font-family:Manrope,Inter,DM Sans,system-ui,-apple-system,sans-serif;max-height:min(86vh,520px)!important;max-width:500px!important;width:min(92vw,500px)!important}.customer-modal-header{padding:12px 14px 8px!important}.customer-modal-header h2{color:#201d18;font-size:16px!important;font-weight:600!important;letter-spacing:-.01em}.customer-modal-grid{gap:8px!important}.customer-modal-shell .supplier-form{padding:8px 14px 12px!important}.customer-modal-shell .form-group{margin-bottom:7px!important}.customer-modal-shell .form-label{color:#5a554d;font-size:11px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase}.customer-modal-shell .form-input{background:#faf9f6!important;border:1px solid #e7e2d9!important;border-radius:10px!important;font-size:12.5px!important;min-height:34px!important;padding:7px 9px!important}.customer-modal-shell textarea.form-input{min-height:52px!important}.customer-modal-shell .form-hint{color:#9c9890;font-size:11px;margin-top:3px}.customer-modal-actions{margin-top:8px!important}.customer-modal-actions .btn{border-radius:10px!important;font-size:11.5px!important;font-weight:600!important;height:31px!important;min-height:31px!important;padding:0 11px!important}.cdv2{--cdv2-surface:#fff;--cdv2-surface-2:#f8fafc;--cdv2-border:#e2e8f0;--cdv2-text:#0f172a;--cdv2-muted:#64748b;--cdv2-accent:var(--color-primary,#4f46e5);--cdv2-accent-soft:#4f46e51a;--cdv2-radius:14px;--cdv2-radius-sm:10px;--cdv2-shadow:0 1px 2px #0f172a0d,0 8px 24px #0f172a0f;margin:0 auto;max-width:1180px;padding-bottom:2.4rem}.cdv2-loading{align-items:center;color:var(--cdv2-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:280px}.cdv2-loading-ring{animation:cdv2-spin .75s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--cdv2-accent);height:40px;width:40px}@keyframes cdv2-spin{to{transform:rotate(1turn)}}.cdv2-hero{background:var(--cdv2-surface);border:1px solid var(--cdv2-border);border-radius:var(--cdv2-radius);box-shadow:var(--cdv2-shadow);margin-bottom:1.2rem;overflow:hidden;position:relative}.cdv2-hero-accent{background:linear-gradient(180deg,#6366f1,#4f46e5 50%,#4338ca);bottom:0;left:0;position:absolute;top:0;width:5px}.cdv2-hero-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.2rem 1.4rem 1.25rem 1.6rem}.cdv2-eyebrow{color:var(--cdv2-muted);display:block;font-size:.6875rem;font-weight:800;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.cdv2-title{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .35rem}.cdv2-subtitle{color:var(--cdv2-muted);font-size:.9rem;margin:0}.cdv2-btn{border:1px solid #0000;border-radius:var(--cdv2-radius-sm);cursor:pointer;font-size:.84rem;font-weight:700;padding:.55rem .95rem}.cdv2-btn--primary{background:var(--cdv2-accent);box-shadow:0 1px 2px #4f46e53d;color:#fff}.cdv2-btn--ghost{background:#fff;border-color:var(--cdv2-border);color:var(--cdv2-muted)}.cdv2-alert{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.85rem 1rem}.cdv2-alert,.cdv2-balance{border-radius:var(--cdv2-radius-sm);margin-bottom:1rem}.cdv2-balance{align-items:center;background:#fff;border:1px solid var(--cdv2-border);display:flex;flex-wrap:wrap;gap:.9rem;justify-content:space-between;padding:1rem 1.15rem}.cdv2-balance--due{background:#fff7ed;border-color:#fdba74}.cdv2-balance--clear{background:#f0fdf4;border-color:#86efac}.cdv2-balance-label{color:var(--cdv2-muted);display:block;font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.cdv2-balance-amount{font-size:clamp(1.6rem,3vw,2rem);font-weight:800;letter-spacing:-.02em}.cdv2-balance-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.cdv2-status-pill{background:#dc2626;border-radius:999px;color:#fff;font-size:.76rem;font-weight:700;padding:.45rem .8rem}.cdv2-balance--clear .cdv2-status-pill{background:#059669}.cdv2-panel{background:var(--cdv2-surface);border:1px solid var(--cdv2-border);border-radius:var(--cdv2-radius);box-shadow:var(--cdv2-shadow);margin-bottom:1rem;overflow:hidden}.cdv2-panel-head{background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid var(--cdv2-border);padding:.95rem 1.2rem}.cdv2-panel-head h2{font-size:.96rem;font-weight:800;margin:0}.cdv2-info-grid{grid-gap:1rem 1.25rem;display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:1rem 1.2rem .8rem}.cdv2-info-item{display:flex;flex-direction:column;gap:.3rem}.cdv2-info-item span{color:var(--cdv2-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cdv2-info-item strong{color:#1e293b;font-size:.95rem;word-break:break-word}.cdv2-capitalize{text-transform:capitalize}.cdv2-hint{color:var(--cdv2-muted);font-size:.8rem;line-height:1.45;margin:0;padding:.1rem 1.2rem 1rem}.cdv2-empty,.cdv2-loading-row{color:var(--cdv2-muted);padding:1.5rem 1.2rem}.cdv2-empty{text-align:center}.cdv2-table-wrap{border-top:1px solid var(--cdv2-border);overflow:auto}.cdv2-table{border-collapse:collapse;font-size:.86rem;table-layout:auto;width:100%}.cdv2-col-main{width:28%}.cdv2-col-date{width:16%}.cdv2-col-money{width:14%}.cdv2-table th{border-bottom:2px solid #e2e8f0;color:var(--cdv2-muted);font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:.72rem .64rem;text-align:left;text-transform:uppercase;white-space:nowrap}.cdv2-table td{border-bottom:1px solid #f1f5f9;padding:.72rem .64rem}.cdv2-table tbody tr:hover td{background:#f8fbff}.cdv2-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.cdv2-num--due{color:#dc2626;font-weight:700}.cdv2-num--ok{color:#059669;font-weight:700}.cdv2-muted{color:#94a3b8}.cdv2-row-payment td{background:#f0fdf4}.cdv2-payment-tag{color:#047857;font-weight:700}.cdv2-payment-method{color:var(--cdv2-muted);font-size:.75rem;margin-left:.35rem}.cdv2-note{color:var(--cdv2-muted);font-size:.76rem;margin-top:.2rem;max-width:320px}.cdv2-modal{border:1px solid var(--cdv2-border);border-radius:12px;box-shadow:0 18px 30px #0f172a3d;width:min(92vw,520px)}.cdv2-customer-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:.9rem;padding:.7rem .8rem}.cdv2-customer-chip span{color:#64748b;display:block;font-size:.7rem;font-weight:700;margin-bottom:.2rem;text-transform:uppercase}.cdv2-customer-chip strong{color:#1e40af;font-size:.94rem}.cdv-skin{background:#f4f3ef!important}.cdv-skin .cdv2-table-wrap{overflow-x:auto;padding:10px 14px 14px}.cdv-skin .cdv2-table{border-collapse:collapse;width:100%}.cdv-skin .cdv2-table th{border-bottom:1px solid #f0eee9;color:#b0aca4;font-size:10px;letter-spacing:.07em;padding:10px 8px;text-align:left;text-transform:uppercase}.cdv-skin .cdv2-table td{border-bottom:1px solid #f8f7f3;color:#2a2620;font-size:13px;padding:10px 8px}.cdv-skin .cdv2-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.cdv-skin .cdv2-payment-tag{color:#16a34a;font-weight:600}.cdv-skin .cdv2-muted{color:#9ca3af}.cdv2-historyTabs{display:flex;gap:8px;padding:8px 14px 0}.cdv2-historyTab{background:#fff;border:1px solid #e7e2d9;border-radius:10px;color:#6b6760;cursor:pointer;font-size:12px;font-weight:600;padding:7px 12px}.cdv2-historyTab.is-active{background:#14120e;border-color:#14120e;color:#fff}.cdv2-rowActions{display:inline-flex;gap:6px}.cdv2-rowActionBtn{background:#fff;border:1px solid #e7e2d9;border-radius:7px;color:#4b5563;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px}.cdv2-rowActionBtn:hover{background:#f4f3ef}.cdv2-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0f172a6b!important;display:flex!important;height:100vh!important;inset:0!important;justify-content:center!important;padding:16px!important;position:fixed!important;width:100vw!important;z-index:99999!important}.cdv2-modal--centered{border-radius:14px!important;max-height:90vh!important;max-width:500px!important;overflow-y:auto!important;width:min(92vw,500px)!important}.cus2{--cus2-surface:#fff;--cus2-surface-2:#f8fafc;--cus2-border:#e2e8f0;--cus2-text:#0f172a;--cus2-muted:#64748b;--cus2-accent:var(--color-primary,#4f46e5);--cus2-accent-soft:#4f46e51a;--cus2-radius:14px;--cus2-radius-sm:10px;--cus2-shadow:0 1px 2px #0f172a0d,0 8px 24px #0f172a0f;margin:0 auto;max-width:1180px;padding-bottom:2.4rem}.cus2-loading{align-items:center;color:var(--cus2-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:280px}.cus2-loading-ring{animation:cus2-spin .75s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--cus2-accent);height:40px;width:40px}@keyframes cus2-spin{to{transform:rotate(1turn)}}.cus2-hero{background:var(--cus2-surface);border:1px solid var(--cus2-border);border-radius:var(--cus2-radius);box-shadow:var(--cus2-shadow);margin-bottom:1.25rem;overflow:hidden;position:relative}.cus2-hero-accent{background:linear-gradient(180deg,#6366f1,#4f46e5 50%,#4338ca);bottom:0;left:0;position:absolute;top:0;width:5px}.cus2-hero-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.45rem 1.3rem 1.65rem}.cus2-eyebrow{color:var(--cus2-muted);display:block;font-size:.6875rem;font-weight:800;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.cus2-hero-title{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .35rem}.cus2-hero-sub{color:var(--cus2-muted);font-size:.92rem;margin:0}.cus2-hero-stat{background:var(--cus2-surface-2);border:1px solid var(--cus2-border);border-radius:var(--cus2-radius-sm);display:grid;justify-items:center;min-width:100px;padding:.7rem 1rem}.cus2-hero-stat-val{font-size:1.5rem;font-weight:800;line-height:1.05}.cus2-hero-stat-label{color:var(--cus2-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cus2-alert{border-radius:var(--cus2-radius-sm);margin-bottom:1rem;padding:.85rem 1rem}.cus2-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.cus2-panel{background:var(--cus2-surface);border:1px solid var(--cus2-border);border-radius:var(--cus2-radius);box-shadow:var(--cus2-shadow);margin-bottom:1.15rem;overflow:hidden}.cus2-panel--head{padding:.9rem 1.2rem}.cus2-panel-head-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.cus2-panel-head-row h2{font-size:1rem;font-weight:800;margin:0}.cus2-panel--filters{padding:1rem 1.2rem 1.15rem}.cus2-filter-grid{grid-gap:.95rem;display:grid;gap:.95rem;grid-template-columns:1fr}@media (min-width:960px){.cus2-filter-grid{align-items:end;grid-template-columns:minmax(240px,1fr) auto}}.cus2-field{display:flex;flex-direction:column;gap:.4rem}.cus2-label{color:var(--cus2-muted);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cus2-input{border:1px solid var(--cus2-border);border-radius:var(--cus2-radius-sm);font-size:.88rem;padding:.58rem .75rem}.cus2-input:focus{border-color:var(--cus2-accent);box-shadow:0 0 0 3px var(--cus2-accent-soft);outline:none}.cus2-filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.cus2-segment{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px}.cus2-segment-btn{background:#0000;border:none;border-radius:9px;color:var(--cus2-muted);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.45rem .72rem}.cus2-segment-btn--on{background:#fff;box-shadow:0 1px 2px #0f172a14;color:var(--cus2-accent)}.cus2-btn{border:1px solid #0000;border-radius:var(--cus2-radius-sm);cursor:pointer;font-size:.84rem;font-weight:700;padding:.55rem .95rem}.cus2-btn--primary{background:var(--cus2-accent);box-shadow:0 1px 2px #4f46e53d;color:#fff}.cus2-btn--ghost{background:#fff;border-color:var(--cus2-border);color:var(--cus2-muted)}.cus2-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.cus2-toolbar{align-items:center;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid var(--cus2-border);display:flex;gap:.8rem;justify-content:space-between;padding:.95rem 1.2rem}.cus2-toolbar h2{font-size:.98rem;font-weight:800;margin:0}.cus2-readonly{background:#fffbeb;border:1px solid #fde68a;border-radius:999px;color:#b45309;font-size:.78rem;font-weight:600;padding:.38rem .68rem}.cus2-table-wrap{overflow:auto;padding:0 1.2rem}.cus2-table{border-collapse:collapse;font-size:.875rem;width:100%}.cus2-table th{border-bottom:2px solid #e2e8f0;color:var(--cus2-muted);font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:.72rem .64rem;text-align:left;text-transform:uppercase;white-space:nowrap}.cus2-table td{border-bottom:1px solid #f1f5f9;padding:.78rem .64rem;vertical-align:middle}.cus2-table tbody tr:hover td{background:#fafafa}.cus2-empty{color:var(--cus2-muted);padding:2.25rem 1rem!important;text-align:center}.cus2-name{font-weight:700}.cus2-due{font-feature-settings:"tnum";font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:800}.cus2-due--negative{color:#dc2626}.cus2-due--clear{color:#059669}.cus2-actions{white-space:nowrap}.cus2-action{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.74rem;font-weight:700;margin-left:.25rem;padding:.32rem .56rem}.cus2-action--view{background:#10b9811f;border-color:#10b98138;color:#047857}.cus2-action--edit{background:var(--cus2-accent-soft);border-color:#4f46e533;color:var(--cus2-accent)}.cus2-action--delete{background:#dc262614;border-color:#dc262633;color:#dc2626}.cus2-viewonly{color:var(--cus2-muted);font-size:.76rem;font-style:italic}.cus2-pagination{background:var(--cus2-surface-2);border-top:1px solid var(--cus2-border);padding:1rem 1.2rem 1.15rem}.cus2-delete-modal h3{margin:0 0 10px}.cus2-delete-modal p{color:var(--cus2-muted);margin:0 0 16px}.modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.delete-modal{max-width:400px;padding:22px;width:min(92vw,400px)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.categories-table{border-collapse:collapse;width:100%}.categories-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.categories-table th{color:#475569;font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.categories-table td{border-bottom:1px solid #e2e8f0;padding:12px}.categories-table tbody tr:hover{background-color:#f1f5f9}.zx-exp-root{--zx-bg:#f9fafb;--zx-surface:#fff;--zx-border:#e5e7eb;--zx-muted:#6b7280;--zx-text:#111827;--zx-accent:#5e5adb;--zx-add-btn:#111827;background:var(--zx-bg);box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:-24px -12px -24px 0;min-height:100%;padding:20px 24px 56px}@media (max-width:900px){.zx-exp-root{margin:-16px -8px -24px;padding:16px 14px 48px}}.zx-exp-crumb{color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.01em;margin:0 0 14px}.zx-exp-crumb a{color:#9ca3af;text-decoration:none}.zx-exp-crumb a:hover{color:#6b7280}.zx-exp-crumb-sep{color:#d1d5db;margin:0 6px}.zx-exp-head-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.zx-exp-titles .zx-exp-title{color:var(--zx-text);font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 6px}.zx-exp-titles .zx-exp-subtitle{color:var(--zx-muted);font-size:14px;font-weight:500;line-height:1.45;margin:0;max-width:520px}.zx-exp-btn-add{align-items:center;background:var(--zx-add-btn);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;white-space:nowrap}.zx-exp-btn-add:hover{background:#1f2937}.zx-exp-toolbar{background:var(--zx-surface);border:1px solid var(--zx-border);border-radius:12px;box-shadow:0 1px 2px #1118270a;margin-bottom:18px;padding:14px 16px}.zx-exp-pills{align-items:center;justify-content:space-between}.zx-exp-pills,.zx-exp-pills-inner{display:flex;flex-wrap:wrap;gap:8px}.zx-exp-pill{background:#fff;border:1px solid var(--zx-border);border-radius:999px;color:#4b5563;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px}.zx-exp-pill:hover{border-color:#d1d5db;color:#374151}.zx-exp-pill.is-active{background:var(--zx-accent);border-color:var(--zx-accent);color:#fff}.zx-exp-range-chip{align-items:center;background:var(--zx-bg);border:1px solid var(--zx-border);border-radius:999px;color:var(--zx-muted);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}.zx-exp-custom-row{align-items:flex-end;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:14px}.zx-exp-strip{background:var(--zx-bg);border-radius:8px;color:#374151;font-size:13px;font-weight:500;margin-top:12px;padding:10px 12px}.zx-exp-kpis{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}@media (max-width:1100px){.zx-exp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.zx-exp-kpis{grid-template-columns:1fr}}.zx-exp-kpi{background:var(--zx-surface);border:1px solid var(--zx-border);border-radius:12px;box-shadow:0 1px 2px #1118270a;overflow:hidden;padding:16px;position:relative}.zx-exp-kpi:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.zx-exp-kpi.blue:before{background:#3b82f6}.zx-exp-kpi.red:before{background:#ef4444}.zx-exp-kpi.green:before{background:#10b981}.zx-exp-kpi.amber:before{background:#f59e0b}.zx-exp-kpi-top{align-items:flex-start;display:flex;gap:12px}.zx-exp-kpi-ico{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.zx-exp-kpi.blue .zx-exp-kpi-ico{background:#eff6ff;color:#2563eb}.zx-exp-kpi.red .zx-exp-kpi-ico{background:#fef2f2;color:#dc2626}.zx-exp-kpi.green .zx-exp-kpi-ico{background:#ecfdf5;color:#059669}.zx-exp-kpi.amber .zx-exp-kpi-ico{background:#fffbeb;color:#d97706}.zx-exp-kpi-body{min-width:0}.zx-exp-kpi-label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.zx-exp-kpi-val{color:var(--zx-text);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.zx-exp-kpi-sub{color:var(--zx-muted);font-size:12px;font-weight:500;line-height:1.35;margin:0}.zx-exp-panel{background:var(--zx-surface);border:1px solid var(--zx-border);border-radius:12px;box-shadow:0 1px 2px #1118270a;margin-bottom:16px;overflow:hidden}.zx-exp-panel-hd{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:18px 20px}.zx-exp-panel-hd,.zx-exp-panel-titles{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.zx-exp-panel-title{color:var(--zx-text);font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0}.zx-exp-badge{align-items:center;background:#eff6ff;border-radius:999px;color:#2563eb;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px}.zx-exp-filters-row{align-items:center;background:#fafafa;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 20px}.zx-exp-search{flex:1 1;max-width:360px;min-width:180px;position:relative}.zx-exp-search svg{font-size:14px;left:12px;opacity:.45;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.zx-exp-search input{background:#fff;border:1px solid var(--zx-border);border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:13px;font-weight:500;padding:9px 12px 9px 36px;width:100%}.zx-exp-search input::placeholder{color:#9ca3af}.zx-exp-search input:focus{border-color:#d1d5db;outline:none}.zx-exp-dd{background:#fff;border:1px solid var(--zx-border);border-radius:10px;color:#374151;font-family:inherit;font-size:13px;font-weight:600;min-width:140px;padding:9px 12px}.zx-exp-table-wrap{overflow-x:auto}.expenses-table{border-collapse:collapse;font-size:13px;width:100%}.expenses-table thead{background:#f9fafb}.expenses-table th{border-bottom:1px solid #e5e7eb;color:var(--zx-muted);font-size:10px;font-weight:700;letter-spacing:.07em;padding:11px 14px;text-align:left;text-transform:uppercase}.expenses-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-weight:500;padding:12px 14px;vertical-align:middle}.expenses-table tbody tr:nth-child(2n) td{background:#fefefe}.expenses-table tbody tr:hover td{background:#fafafa}.expenses-table tfoot td{background:#f9fafb;border-bottom:none;border-top:1px solid #e5e7eb;color:var(--zx-text);font-weight:700}.zx-exp-amt{font-feature-settings:"tnum";color:var(--zx-text);font-variant-numeric:tabular-nums;font-weight:700}.zx-exp-cat-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;max-width:100%;padding:5px 10px}.zx-exp-cat-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.zx-exp-method-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 10px}.zx-exp-share-cell{min-width:100px}.zx-exp-share-pct{color:#374151;font-size:12px;font-weight:600;margin-bottom:4px}.zx-exp-share-track{background:#f3f4f6;border-radius:99px;height:5px;overflow:hidden}.zx-exp-share-fill{border-radius:inherit;height:100%}.zx-exp-actions{align-items:center;display:flex;gap:4px}.zx-exp-ico-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:inline-flex;font-size:14px;height:34px;justify-content:center;width:34px}.zx-exp-ico-btn:hover{background:#f3f4f6;color:#4b5563}.zx-exp-ico-btn.danger:hover{background:#fef2f2;color:#dc2626}.zx-exp-empty{color:#9ca3af;font-size:14px;font-weight:500;padding:40px 20px;text-align:center}.zx-exp-footer-row{align-items:center;background:#fafafa;border-top:1px solid #f3f4f6;color:var(--zx-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;padding:14px 20px}.zx-exp-footer-row strong.zx-sum{font-feature-settings:"tnum";color:var(--zx-text);font-variant-numeric:tabular-nums;font-weight:700}.error-message{color:#dc2626;font-size:13px;margin-bottom:14px}.rate-list-table{border-collapse:collapse;width:100%}.rate-list-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0}.rate-list-table th{color:#475569;font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.rate-list-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px}.rate-list-table tbody tr:hover{background-color:#f8fafc}.category-header-row{background:linear-gradient(90deg,#e0f2fe,#bae6fd);font-size:14px}.category-header-row td{border-bottom:2px solid #7dd3fc;font-weight:600;padding:12px}.price-cell{color:#059669;font-weight:500;text-align:right}.editable-price-cell{position:relative;transition:background-color .15s ease}.editable-price-cell:hover{background-color:#f0f9ff;border-radius:4px}.editable-price-cell.editing{padding:4px}.invoices-table{border-collapse:collapse;width:100%}.invoices-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;padding:12px;text-align:left}.invoices-table td{border-bottom:1px solid #e2e8f0;padding:12px;vertical-align:middle}.invoices-table tbody tr:hover{background:#f8fafc}.invoice-actions{display:flex;gap:8px}.btn-print,.btn-view{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-view{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133;color:#fff}.btn-view:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-print{background:#10b981;color:#fff}.btn-print:hover{background:#059669}.invoice-detail-modal{max-height:90vh;max-width:800px;overflow-y:auto}.invoice-detail-info{grid-gap:12px;background:#f8fafc;border-radius:6px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:16px}.invoice-items-table{border-collapse:collapse;margin-bottom:20px;width:100%}.invoice-items-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;font-weight:600;padding:10px;text-align:left}.invoice-items-table td{border-bottom:1px solid #e2e8f0;padding:10px}.invoice-totals{border-top:2px solid #e2e8f0;margin-bottom:20px;padding-top:16px}.invoice-total-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.invoice-grand-total{border-top:1px solid #e2e8f0;color:#0f172a;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.invoice-due{color:#dc2626;font-size:16px;font-weight:600}.sales-table{border-collapse:collapse;width:100%}.sales-table thead{background:linear-gradient(180deg,#f1f5f9,#e8edf4);border-bottom:2px solid #6366f126}.sales-table th{color:#475569;font-size:12px;font-weight:600;letter-spacing:.04em;padding:12px 14px;text-align:left;text-transform:uppercase}.sales-table td{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 14px;vertical-align:middle}.sales-table tbody tr:hover{background:linear-gradient(90deg,#6366f10a,#0000)}.sales-table tbody tr:hover td{background:#0000}.due-badge{background:#fee2e2;color:#dc2626}.due-badge,.paid-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.paid-badge{background:#d1fae5;color:#059669}.sales-actions{display:flex;flex-wrap:wrap;gap:8px}.sales-detail-modal{max-height:90vh;max-width:800px;overflow-y:auto}.sales-detail-info{grid-gap:12px;background:#f8fafc;border-radius:6px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:16px}.sales-items-table{border-collapse:collapse;margin-bottom:20px;width:100%}.sales-items-table thead{background:#f8fafc}.sales-items-table th{border-bottom:2px solid #e2e8f0;font-weight:600;padding:10px;text-align:left}.sales-items-table td{border-bottom:1px solid #e2e8f0;padding:10px}.sales-totals{border-top:2px solid #e2e8f0;margin-bottom:20px;padding-top:16px}.sales-total-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.sales-grand-total{border-top:1px solid #e2e8f0;color:#0f172a;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.sales-due{color:#dc2626;font-size:16px;font-weight:600}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.users-table th{color:#475569;font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e2e8f0;padding:12px}.users-table tbody tr:hover{background-color:#f1f5f9}.status-badge.admin{background:#dbeafe;color:#1e40af}.status-badge.cashier{background:#f3f4f6;color:#4b5563}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.settings-tabs{-webkit-overflow-scrolling:touch;background:#f2f4f7;border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:1.5rem;overflow-x:auto;padding:4px}.settings-tab{background:#0000;border:none;border-radius:var(--radius-md);color:#64748b;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:600;padding:10px 16px;position:relative;transition:background .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out);white-space:nowrap}.settings-tab:hover{background:#ffffffbf;color:#4338ca}.settings-tab.active{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 1px 2px #1018280f;color:#fff;font-weight:600}.settings-tab-content{min-height:0;padding-bottom:8px}.loading{color:#666;font-size:18px;padding:40px;text-align:center}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b}.error-message,.success-message{font-weight:500;margin-bottom:20px;padding:12px 16px}.success-message{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:var(--radius-md);color:#047857}.settings-form{padding:20px}.form-group{margin-bottom:16px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-input{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#4f46e58c;box-shadow:0 0 0 3px #6366f11f;outline:none}.form-help{color:#6b7280;display:block;font-size:12px;margin-top:4px}.form-actions{margin-top:16px}.settings-actions{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:var(--radius-lg);box-shadow:0 1px 2px #1018280f;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-bottom:max(32px,env(safe-area-inset-bottom,0px));margin-top:28px;padding:14px 18px}.read-only-notice{background:#fef3c7;border-radius:4px;color:#f59e0b;font-size:13px;font-weight:500;padding:8px 12px;text-align:center}.form-description{color:#666;font-size:13px;line-height:1.5;margin-bottom:12px}@media (max-width:1366px){.settings-form{padding:16px}}.license-status-activated,.license-status-unactivated{align-items:flex-start;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.license-status-activated{background-color:#e8f5e9;border:1px solid #81c784}.license-status-unactivated{background-color:#fff3cd;border:1px solid #ffc107}.license-status-icon{flex-shrink:0;font-size:32px}.license-status-content{flex:1 1}.license-status-content h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.settings-security-btn{border-radius:10px;box-shadow:0 1px 2px #0f172a1a;font-weight:700;min-width:170px;padding:10px 14px}.settings-security-btn--users{margin-top:4px}.sidebar-backdrop{animation:backdropIn var(--duration) var(--ease-out) forwards;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#10182840;inset:0;position:fixed;z-index:1098}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.sidebar{--sidebar-expand-dur:0.44s;--sidebar-expand-ease:cubic-bezier(0.33,1,0.68,1);background:#fff;background:var(--color-surface,#fff);border-right:1px solid #e4e7ec;border-right:1px solid var(--chrome-border,#e4e7ec);box-shadow:none;color:#344054;display:flex;flex-direction:column;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));left:0;overflow-x:hidden;overflow-y:hidden;position:fixed;top:var(--header-height);transition:width var(--sidebar-expand-dur) var(--sidebar-expand-ease),transform var(--duration) var(--ease-out),box-shadow var(--sidebar-expand-dur) var(--sidebar-expand-ease);width:var(--sidebar-width);z-index:1099}.sidebar-nav{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem 0}@media (min-width:1025px){.sidebar:focus-within,.sidebar:hover{box-shadow:4px 0 28px #0f172a1a;width:var(--sidebar-expanded-width);z-index:1200}.sidebar:not(:hover):not(:focus-within) .menu-item{justify-content:center;padding-left:.65rem;padding-right:.65rem;transform:none}.sidebar:not(:hover):not(:focus-within) .menu-item:hover{transform:none}.sidebar:not(:hover):not(:focus-within) .menu-label{margin:0;max-width:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;transform:translateX(-8px);transition:opacity .2s ease,max-width var(--sidebar-expand-dur) var(--sidebar-expand-ease),transform var(--sidebar-expand-dur) var(--sidebar-expand-ease),margin .2s ease,padding .2s ease;white-space:nowrap}.sidebar:focus-within .menu-label,.sidebar:hover .menu-label{max-width:200px;opacity:1;transform:translateX(0);transition:opacity .3s ease .1s,max-width var(--sidebar-expand-dur) var(--sidebar-expand-ease),transform var(--sidebar-expand-dur) var(--sidebar-expand-ease),margin .2s ease,padding .2s ease}.sidebar:focus-within .menu-item,.sidebar:hover .menu-item{justify-content:flex-start}.sidebar:focus-within .menu-item:hover,.sidebar:hover .menu-item:hover{transform:translateX(2px)}.sidebar.sidebar--rail-locked,.sidebar.sidebar--rail-locked:focus-within,.sidebar.sidebar--rail-locked:hover{box-shadow:none;width:var(--sidebar-width);z-index:1099}.sidebar.sidebar--rail-locked .menu-item,.sidebar.sidebar--rail-locked:focus-within .menu-item,.sidebar.sidebar--rail-locked:hover .menu-item{justify-content:center;padding-left:.65rem;padding-right:.65rem;transform:none}.sidebar.sidebar--rail-locked .menu-item:hover,.sidebar.sidebar--rail-locked:focus-within .menu-item:hover,.sidebar.sidebar--rail-locked:hover .menu-item:hover{transform:none}.sidebar.sidebar--rail-locked .menu-label,.sidebar.sidebar--rail-locked:focus-within .menu-label,.sidebar.sidebar--rail-locked:hover .menu-label{margin:0;max-width:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;transform:translateX(-8px);transition:opacity .2s ease,max-width var(--sidebar-expand-dur) var(--sidebar-expand-ease),transform var(--sidebar-expand-dur) var(--sidebar-expand-ease),margin .2s ease,padding .2s ease;white-space:nowrap}}.menu-list{list-style:none;margin:0;padding:0}.menu-list li{margin:2px 8px}.menu-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#344054;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.625rem;letter-spacing:0;padding:.5rem .75rem;position:relative;text-align:left;transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out),transform .2s var(--ease-out),justify-content .2s ease;width:100%}.menu-item:before{background:#4f46e5;background:var(--sidebar-accent,#4f46e5);border-radius:0 2px 2px 0;content:"";height:0;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s var(--ease-out),opacity .2s var(--ease-out);width:3px}.menu-item:hover{background:#f9fafb;color:#101828;transform:translateX(2px)}.menu-item:hover:before{height:40%;opacity:.25}.menu-item.active{background:#4f46e514;background:var(--sidebar-accent-soft,#4f46e514);box-shadow:none;color:#4f46e5;color:var(--sidebar-accent,#4f46e5);font-weight:600}.menu-item.active:before{height:60%;opacity:1}.menu-icon{align-items:center;background:#0000;border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;flex-shrink:0;font-size:.9375rem;height:1.625rem;justify-content:center;opacity:.9;transition:background .2s var(--ease-out),transform .2s var(--ease-out);width:1.625rem}.menu-icon svg{height:1.05rem;width:1.05rem}.menu-item:hover .menu-icon{background:#4f46e50f;transform:scale(1.06)}.menu-item.active .menu-icon{background:#4f46e51a;opacity:1;transform:scale(1.02)}.menu-label{flex:1 1;min-width:0}@media (max-width:1024px){.sidebar-backdrop{z-index:1190}.sidebar{overflow-x:hidden;overflow-y:hidden;transform:translateX(-104%);width:min(252px,86vw);z-index:1200}.sidebar.sidebar--open{box-shadow:4px 0 24px #1018281f;transform:translateX(0)}.sidebar .menu-item{justify-content:flex-start}.sidebar .menu-item:hover{transform:translateX(2px)}.sidebar .menu-label{max-width:none;opacity:1;overflow:visible;pointer-events:auto}}@media (max-width:1366px) and (min-width:1025px){:root{--sidebar-expanded-width:200px}}@media (prefers-reduced-motion:reduce){.sidebar{--sidebar-expand-dur:0.18s;transition:transform var(--duration) var(--ease-out),width var(--sidebar-expand-dur) ease,box-shadow .2s ease}@media (min-width:1025px){.sidebar:focus-within .menu-label,.sidebar:hover .menu-label,.sidebar:not(:hover):not(:focus-within) .menu-label{transition-delay:0s;transition-duration:.15s}}}.notifications-container{position:relative}.notifications-icon-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ccfbf1;border:1px solid #0f766e59;border-radius:50%;color:#0f766e;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;touch-action:manipulation;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease;width:40px}.notifications-icon-btn:hover{background:#99f6e4;border-color:#0f766e80;color:#115e59;transform:scale(1.05)}.notifications-icon-btn:active{transform:scale(.97)}.notifications-icon{align-items:center;display:flex;justify-content:center;line-height:0}.notifications-icon-fa{height:1.15rem;width:1.15rem}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.notifications-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1001}.notifications-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.notifications-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:4px;color:#6366f1;cursor:pointer;font-size:13px;padding:4px 8px;transition:background .2s}.mark-all-read-btn:hover{background:#e0f2fe}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background .2s}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notification-content{flex:1 1}.notification-title{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.notification-message{color:#64748b;font-size:13px;line-height:1.4;margin:0 0 4px}.notification-time{color:#94a3b8;font-size:11px}.unread-indicator{background:#6366f1;border-radius:50%;flex-shrink:0;height:8px;margin-left:8px;margin-top:6px;width:8px}.no-notifications{color:#94a3b8;padding:40px 20px;text-align:center}.no-notifications p{font-size:14px;margin:0}.notification-item.success{border-left:3px solid #10b981}.notification-item.warning{border-left:3px solid #f59e0b}.notification-item.info{border-left:3px solid #6366f1}.notification-item.error{border-left:3px solid #ef4444}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f1f5f9}.notifications-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.notifications-dropdown{right:-20px;width:320px}}.profile-menu-container{position:relative}.profile-avatar-hover-wrap{align-items:center;display:flex;position:relative}.profile-hover-card{background:#0f172a;border-radius:8px;box-shadow:0 8px 24px #0f172a59;color:#f8fafc;font-size:13px;line-height:1.35;max-width:min(280px,86vw);min-width:200px;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;visibility:hidden;z-index:1002}.profile-hover-name{color:#f8fafc;font-size:.875rem;font-weight:600;margin-bottom:4px;word-break:break-word}.profile-hover-email{color:#94a3b8;font-size:.8125rem;line-height:1.4;word-break:break-all}.profile-hover-line{margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-hover-line:last-child{margin-bottom:0}.profile-hover-k{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none}.profile-hover-v{color:#f8fafc;font-weight:600}.profile-hover-shop{font-size:13px}.profile-hover-owner{color:#e2e8f0;font-size:12px;font-weight:500}.profile-avatar-hover-wrap:not(.profile-avatar-hover-wrap--menu-open):focus-within .profile-hover-card,.profile-avatar-hover-wrap:not(.profile-avatar-hover-wrap--menu-open):hover .profile-hover-card{opacity:1;transform:translateY(0);visibility:visible}.profile-avatar-btn{align-items:center;background:linear-gradient(145deg,#4f46e5,#6366f1 45%,#5b21b6);border:2px solid #a5b4fcd9;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:0;transition:all .2s;width:40px}.profile-avatar-btn--icon{background:#f9fafb;border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:8px;border-radius:var(--radius-md,8px);color:#344054}.profile-avatar-btn--icon:hover{background:#f2f4f7;border-color:#d0d5dd;border-color:var(--chrome-border-strong,#d0d5dd);box-shadow:none;transform:scale(1.04)}.profile-avatar-icon{height:1.2rem;width:1.2rem}.profile-avatar-btn:hover:not(.profile-avatar-btn--icon){border-color:#a5b4fc;box-shadow:0 2px 12px #4f46e573;transform:scale(1.05)}.profile-avatar{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;text-transform:uppercase;width:100%}.profile-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:1001}.profile-info{align-items:center;background:#f8fafc;display:flex;gap:12px;padding:16px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1 50%,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:48px}.profile-details{flex:1 1;min-width:0}.profile-name{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#64748b;font-size:12px;font-weight:500;line-height:1.35;margin:0 0 4px;word-break:break-all}.profile-role{color:#64748b;font-size:12px;margin:0}.profile-menu-divider{background:#e2e8f0;height:1px;margin:8px 0}.profile-menu-items{padding:4px 0}.profile-menu-item{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.profile-menu-item:hover{background:#f8fafc}.profile-menu-item.logout-item{color:#ef4444}.profile-menu-item.logout-item:hover{background:#fef2f2;color:#dc2626}.menu-item-icon{flex-shrink:0;font-size:16px;height:1em;text-align:center;width:20px}@media (max-width:768px){.profile-dropdown{right:-10px;width:220px}}.app-header{background:#fff;background:var(--color-surface,#fff);border-bottom:none;box-shadow:none;height:var(--header-height);justify-content:space-between;left:0;min-height:var(--header-height);padding:0 1.25rem 0 .75rem;position:fixed;right:0;top:0;width:100%;z-index:1210}.app-header,.header-left{align-items:center;display:flex}.header-left{flex:1 1;gap:.5rem;min-width:0}.header-menu-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#f9fafb;border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:8px;border-radius:var(--radius-md,8px);color:#344054;cursor:pointer;display:none;height:40px;justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),transform .15s ease;width:40px;z-index:2}.header-menu-toggle:hover{background:#f2f4f7;border-color:#d0d5dd;border-color:var(--chrome-border-strong,#d0d5dd)}.header-menu-toggle:active{transform:scale(.96)}.header-menu-toggle-icon{height:1.15rem;width:1.15rem}.header-brand{align-items:center;display:flex;flex-shrink:1;gap:.625rem;min-width:0}.header-brandLogo{background:#fff;border:1px solid #4f46e51f;border-radius:10px;box-shadow:0 2px 8px #0f172a0f;flex-shrink:0;height:34px;object-fit:contain;width:34px}.store-name{color:#101828;color:var(--header-text,#101828);font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:-.02em;margin:0;max-width:min(260px,32vw);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-nav-links{align-items:center;border-left:1px solid #e4e7ec;border-left:1px solid var(--chrome-border,#e4e7ec);display:flex;flex-shrink:0;gap:4px;margin-left:.75rem;padding-left:.75rem}.header-nav-link{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#475467;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;gap:6px;padding:6px 12px;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.header-nav-link-icon{height:.8rem;opacity:.88;width:.8rem}.header-nav-link:hover{background:#f2f4f7;color:#101828}.header-nav-link--active{background:#4f46e51a;color:#4338ca}.header-nav-link--active .header-nav-link-icon{color:#4338ca;opacity:1}.header-right{gap:1rem}.header-profile-actions,.header-right{align-items:center;display:flex;flex-shrink:0}.header-profile-actions{gap:.5rem}.header-logout-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fef3f2;border:1px solid #fecaca;border-radius:50%;color:#b42318;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;touch-action:manipulation;transition:background .2s,color .2s,border-color .2s,transform .15s;width:40px}.header-logout-btn:hover{background:#fee4e2;border-color:#fca5a5;color:#912018}.header-logout-btn:active{transform:scale(.96)}.header-logout-icon{height:1.05rem;width:1.05rem}.header-time{align-items:flex-end;border-right:1px solid #e4e7ec;border-right:1px solid var(--chrome-border,#e4e7ec);display:flex;flex-direction:column;padding-right:1rem}.time-display{font-feature-settings:"tnum";color:#101828;color:var(--header-text,#101828);font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.date-display{color:#667085;color:var(--header-text-muted,#667085);font-size:.75rem;line-height:1.2;margin-top:2px}@media (max-width:1024px){.app-header{padding-left:.5rem}.header-menu-toggle{display:flex}}@media (max-width:768px){.app-header{padding:0 .65rem 0 .35rem}.store-name{font-size:.9375rem;max-width:36vw}.header-right{gap:.5rem}.header-nav-links{gap:2px;margin-left:.35rem;padding-left:.5rem}.header-nav-link{font-size:.75rem;padding:6px 8px}.store-name{max-width:24vw}.header-brandLogo{border-radius:10px;height:42px;width:42px}}.header-back-btn{align-items:center;background:#fff;border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:8px;color:#667085;color:var(--color-text-muted,#667085);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;margin-right:.5rem;padding:.35rem .55rem}.header-back-btn:hover{background:#f8faff;border-color:#c7d2fe;color:#4f46e5;color:var(--color-primary,#4f46e5)}.header-back-icon{font-size:.78rem}@media (max-width:900px){.header-back-label{display:none}.header-back-btn{margin-right:.35rem;padding:.38rem .5rem}}.connection-status{align-items:center;background:#f9fafb;border-bottom:1px solid #e4e7ec;border-bottom:1px solid var(--chrome-border,#e4e7ec);box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;left:var(--sidebar-width);padding:8px 16px;position:fixed;right:0;top:var(--header-height);transition:left var(--duration) var(--ease-out);width:auto;z-index:1205}@media (max-width:1024px){.connection-status{left:0}}.connection-status.connected{background:#d1fae5;border-bottom-color:#a7f3d0}.connection-status.offline{background:#fee2e2;border-bottom-color:#fecaca}.connection-status.checking{opacity:.7}.connection-indicator{align-items:center;display:flex;gap:8px}.status-dot{background:#6b7280;border-radius:50%;display:inline-block;height:10px;width:10px}.connection-status.connected .status-dot{animation:pulse 2s infinite;background:#059669}.connection-status.offline .status-dot{background:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:#344054;font-weight:500}.connection-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.btn-refresh{background:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background .2s}.btn-refresh:hover{background:#4338ca}.read-only-badge{background:#fbbf24;border-radius:4px;color:#92400e;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.connection-menu{align-items:center;display:flex;gap:8px;margin-left:auto}.server-url{color:#94a3b8;font-family:monospace;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-link{background:none;border:none;color:#4f46e5;color:var(--color-primary,#4f46e5);cursor:pointer;font-size:12px;padding:0;text-decoration:underline}.btn-link:hover{color:#4338ca;color:var(--color-primary-dark,#4338ca)}.server-config{align-items:center;display:flex;gap:8px;margin-left:auto}.server-url-input{border:1px solid #d1d5db;border-radius:4px;width:200px}.btn-small,.server-url-input{font-size:12px;padding:4px 8px}.btn-small{background:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer}.btn-small.btn-secondary{background:#6b7280}.connection-status.refreshing{animation:shake .5s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.connection-warning{align-items:center;background:#fef3c7;border-bottom:1px solid #fbbf24;color:#92400e;display:flex;font-size:11px;gap:6px;left:var(--sidebar-width);padding:6px 12px;position:fixed;right:0;top:calc(var(--header-height) + 46px);z-index:1204}@media (max-width:1024px){.connection-warning{left:0}}.connection-status.connected:not(.has-client){display:none}.connection-warning span{font-size:10px}@media (max-width:1366px){.connection-status{font-size:12px;padding:6px 12px}.server-url{max-width:150px}}.connection-pending-sync{color:#b45309;font-size:12px;font-weight:600;margin-left:8px;white-space:nowrap}.zb-offline-topbar{align-items:center;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;z-index:50}.zb-offline-topbar__dot{border-radius:50%;height:8px;width:8px}.zb-offline-topbar--offline{background:#fef3c7;border-bottom:1px solid #f59e0b;color:#92400e}.zb-offline-topbar--offline .zb-offline-topbar__dot{background:#f59e0b}.zb-offline-topbar--synced{background:#ecfdf5;border-bottom:1px solid #34d399;color:#047857}.zb-offline-topbar--synced .zb-offline-topbar__dot{background:#22c55e}.update-notification-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.update-notification-overlay.blocking{background:#000000e6;pointer-events:all}.update-notification-overlay.blocking .update-notification{border:2px solid #f59e0b}.update-notification{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:24px;width:90%}.update-content{text-align:center}.update-icon{font-size:48px;margin-bottom:16px}.update-content h3{color:#1e293b;font-size:20px;margin:0 0 12px}.update-content p{color:#64748b;line-height:1.6;margin:8px 0}.update-release-notes{background:#f1f5f9;border-radius:6px;font-size:14px;margin:16px 0;max-height:200px;overflow-y:auto;padding:12px;text-align:left}.update-release-notes strong{color:#1e293b;display:block;margin-bottom:8px}.update-progress{margin:20px 0}.update-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.update-progress-fill{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:4px;height:100%;transition:width .3s ease}.update-progress-text{color:#64748b;font-size:14px;font-weight:500}.update-warning{color:#f59e0b;font-weight:500;margin-top:12px}.update-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.update-actions .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.update-actions .btn-primary{background:#6366f1;color:#fff}.update-actions .btn-primary:hover{background:#4f46e5}.update-actions .btn-secondary{background:#e2e8f0;color:#475569}.update-actions .btn-secondary:hover{background:#cbd5e1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.zb-offline-saved-root{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;pointer-events:none;position:fixed;z-index:10100}.zb-offline-saved-backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a73;border:none;cursor:pointer;inset:0;pointer-events:auto;position:absolute}.zb-offline-saved-card{animation:zb-offline-saved-in .28s ease-out;background:#fff;border-radius:20px;box-shadow:0 24px 48px #0f172a2e,0 0 0 1px #94a3b81f;padding:28px 24px 22px;pointer-events:auto;position:relative;text-align:center;width:min(420px,100%)}@keyframes zb-offline-saved-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.zb-offline-saved-close{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:20px;height:32px;line-height:1;position:absolute;right:14px;top:12px;width:32px}.zb-offline-saved-close:hover{background:#e2e8f0;color:#334155}.zb-offline-saved-icon{align-items:center;background:linear-gradient(145deg,#fffbeb,#fef3c7);border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 16px;position:relative;width:72px}.zb-offline-saved-wifi{color:#d97706;font-size:28px;opacity:.55;transform:rotate(-12deg)}.zb-offline-saved-cloud{bottom:14px;color:#059669;font-size:18px;position:absolute;right:14px}.zb-offline-saved-title{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 10px}.zb-offline-saved-body{color:#475569;font-size:14px;line-height:1.55;margin:0 0 12px}.zb-offline-saved-ur{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 20px}.zb-offline-saved-ok{background:linear-gradient(180deg,#0f172a,#1e293b);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 16px;width:100%}.zb-offline-saved-ok:hover{filter:brightness(1.06)}.zbx{--zbx-bg:#e8ecf5;--zbx-surface:#fff;--zbx-border:#e2e8f0;--zbx-text:#0f172a;--zbx-muted:#64748b;--zbx-accent:#4f46e5;--zbx-accent2:#7c3aed;-webkit-overflow-scrolling:touch;background:var(--zbx-bg);color:var(--zbx-text);font-family:Inter,system-ui,sans-serif;font-family:var(--font-sans,"Inter",system-ui,sans-serif);height:100vh;min-height:100vh;overflow:auto;overflow-x:hidden}.zbx-reveal{opacity:0;transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.zbx-revealUp{transform:translateY(36px)}.zbx-revealLeft{transform:translateX(-40px)}.zbx-revealRight{transform:translateX(40px)}.zbx-reveal.is-visible{opacity:1;transform:translate(0)}.zbx-nav{-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35);background:#ffffffc7;border:1px solid #ffffffa6;border-radius:0;border-top-color:#e2e8f0e6;box-shadow:0 8px 32px #0f172a14,inset 0 0 0 1px #fff9;box-sizing:border-box;gap:16px;justify-content:space-between;margin:0;max-width:none;padding:max(10px,env(safe-area-inset-top)) max(clamp(14px,3vw,32px),env(safe-area-inset-right)) 11px max(clamp(14px,3vw,32px),env(safe-area-inset-left));position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}.zbx-brand,.zbx-nav{align-items:center;display:flex}.zbx-brand{color:inherit;gap:12px;min-width:0;text-decoration:none}.zbx-brandMark{flex-shrink:0}.zbx-brandImg{background:#fff;border:1px solid #4f46e526;border-radius:12px;box-shadow:0 4px 14px #4f46e51f;height:42px;object-fit:contain;width:42px}.zbx-brandLockup{display:flex;flex-direction:column;gap:4px;min-width:0}.zbx-brandTitle{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.zbx-brandWord{color:#0f172a;font-size:17px;font-weight:700;letter-spacing:-.04em}.zbx-brandBadge{background:#6366f114;border:1px solid #4f46e538;border-radius:999px;color:#4f46e5;font-size:9px;font-weight:800;letter-spacing:.18em;padding:3px 8px;text-transform:uppercase}.zbx-brandTagline{align-items:center;color:var(--zbx-muted);display:flex;flex-wrap:wrap;font-size:11px;font-weight:500;gap:6px;margin:0}.zbx-brandTaglineDot{background:#94a3b8;border-radius:999px;height:3px;width:3px}.zbx-brandTaglineAccent{color:var(--zbx-accent);font-style:italic;font-weight:600}.zbx-links{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center}.zbx-links a{color:#475569;font-size:13px;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:color .15s ease}.zbx-links a:hover{color:var(--zbx-accent)}.zbx-actions{display:flex;gap:8px}.zbx-btn{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 18px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}button.zbx-btn{cursor:pointer;font-family:inherit}.zbx-btnLarge{font-size:15px;padding:15px 28px}.zbx-btnPrimary{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#4f46e559;box-shadow:0 8px 28px #4f46e559;color:#fff}.zbx-btnPrimary:hover{box-shadow:0 14px 36px #4f46e566;transform:translateY(-1px)}.zbx-btnGhost{background:#fff;border-color:var(--zbx-border);color:var(--zbx-text)}.zbx-btnGhost:hover{background:#f8fafc;border-color:#cbd5e1}.zbx-btnGlass{background:#ffffff1f;border-color:#ffffff59;color:#f8fafc}.zbx-btnGlass:hover{background:#fff3;border-color:#ffffff80;color:#fff}.zbx-main{margin:0 auto;max-width:1220px;padding:0 clamp(14px,3vw,32px) clamp(64px,9vw,100px)}.zbx-heroFull,.zbx-section{scroll-margin-top:88px}.zbx-heroFull{align-items:stretch;border-radius:0 0 clamp(24px,5vw,40px) clamp(24px,5vw,40px);box-shadow:0 24px 80px #0f172a2e;display:flex;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:min(88vh,760px);overflow:hidden;position:relative;width:100vw}.zbx-heroFullBg{background-position:50%;background-size:cover;inset:0;position:absolute;transform:scale(1.02)}.zbx-heroFullScrim{background:linear-gradient(105deg,#0f172aeb,#1e1b4bc7 38%,#4f46e559 85%,#7c3aed40);inset:0;position:absolute}.zbx-heroFullNoise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");inset:0;opacity:.07;pointer-events:none;position:absolute}.zbx-heroFullInner{grid-gap:clamp(24px,4vw,48px);align-items:center;display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1180px;padding:clamp(72px,12vh,120px) clamp(20px,4vw,40px) clamp(56px,8vh,88px);position:relative;width:100%;z-index:2}.zbx-heroFullCopy{max-width:560px}.zbx-tag{border:1px solid #0000;border-radius:999px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:16px;padding:7px 14px;text-transform:uppercase}.zbx-tag--hero{background:#ffffff1f;border-color:#ffffff38;color:#e0e7ff}.zbx-heroFullCopy h1{color:#fff;font-size:clamp(2rem,4.2vw,3.15rem);font-weight:800;letter-spacing:-.038em;line-height:1.08;margin:0;text-shadow:0 2px 40px #00000040}.zbx-heroFullCopy h2{color:#e2e8f0eb;font-size:clamp(1.05rem,1.9vw,1.35rem);font-weight:500;line-height:1.5;margin:16px 0 0;max-width:42ch}.zbx-lead--hero{color:#cbd5e1f2;font-size:15px;line-height:1.65;margin:18px 0 0;max-width:48ch}.zbx-heroCtas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.zbx-heroFullVisual{align-items:center;display:flex;justify-content:center}.zbx-dashMock{-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);background:#0f172a8c;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 24px 64px #00000059,inset 0 0 0 1px #818cf826;max-width:440px;padding:22px 20px 20px;width:100%}.zbx-dashMockHead{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.zbx-dashMockTitle{color:#f1f5f9;font-size:13px;font-weight:700;letter-spacing:-.02em}.zbx-dashMockBadge{background:#6366f140;border:1px solid #a5b4fc4d;border-radius:999px;color:#a5b4fc;font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase}.zbx-kpiRow{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.zbx-kpi{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:10px 8px}.zbx-kpiLabel{color:#94a3b8;display:block;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.zbx-kpiValue{color:#fff;display:block;font-size:17px;font-weight:700;letter-spacing:-.02em;margin-top:4px}.zbx-kpiValue--warn{color:#fcd34d}.zbx-kpiHint{color:#64748b;display:block;font-size:10px;margin-top:2px}.zbx-chartPanel{background:#0003;border:1px solid #ffffff0f;border-radius:14px;margin-top:12px;padding:12px 10px 8px}.zbx-chartPanelLabel{color:#cbd5e1;display:block;font-size:11px;font-weight:600;letter-spacing:.02em;margin-bottom:8px}.zbx-chartSvg{display:block;height:auto;width:100%}.zbx-chartSvg--bars{opacity:.95}.zbx-section{margin-top:clamp(56px,8vw,88px)}.zbx-sectionHead{margin-bottom:32px;max-width:720px}.zbx-sectionHead p{color:var(--zbx-accent);font-size:11px;font-weight:800;letter-spacing:.14em;margin:0 0 10px}.zbx-sectionHead h3{color:#0c1222;font-size:clamp(1.5rem,2.8vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.18;margin:0}.zbx-sectionHead h3:after{background:linear-gradient(90deg,var(--zbx-accent),var(--zbx-accent2));border-radius:999px;content:"";display:block;height:3px;margin-top:14px;width:52px}#pricing .zbx-sectionHead{margin-top:8px}.zbx-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.zbx-card{background:linear-gradient(165deg,#fff,#fafbff 55%,#f8fafc);border:1px solid #e4e7ecf2;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffffd9,0 2px 4px #0f172a0a,0 20px 44px #0f172a12;overflow:hidden;padding:26px 24px 24px;position:relative;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.zbx-card:before{background:linear-gradient(90deg,#4f46e5,#818cf8,#a78bfa);border-radius:20px 20px 0 0;content:"";height:3px;left:0;opacity:.9;position:absolute;right:0;top:0}.zbx-card:hover{border-color:#4f46e547;box-shadow:inset 0 0 0 1px #fff,0 4px 8px #4f46e50f,0 28px 56px #0f172a1a;transform:translateY(-4px)}.zbx-cardIcon{align-items:center;background:linear-gradient(145deg,#6366f11f,#818cf80f);border:1px solid #4f46e52e;border-radius:14px;box-shadow:0 4px 14px #4f46e51f;color:#4f46e5;display:flex;font-size:20px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.zbx-cardIcon svg{height:1em;width:1em}.zbx-card h4{color:#101828;font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0}.zbx-card p{color:var(--zbx-muted);font-size:14px;line-height:1.6;margin:10px 0 0}.zbx-pricing{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.zbx-plan{background:#fff;border:1px solid #e4e7ecf2;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffffe6,0 4px 12px #0f172a0f,0 20px 40px #0f172a0f;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.zbx-plan:hover{box-shadow:inset 0 0 0 1px #fff,0 8px 20px #4f46e514,0 28px 48px #0f172a17;transform:translateY(-3px)}.zbx-plan.is-featured{border-color:#4f46e56b;box-shadow:inset 0 0 0 1px #818cf840,0 6px 16px #4f46e51f,0 26px 52px #4f46e52e}.zbx-plan.is-featured:hover{box-shadow:inset 0 0 0 1px #818cf859,0 10px 24px #4f46e524,0 32px 56px #4f46e533}.zbx-badge{background:linear-gradient(135deg,#6366f129,#a78bfa1f);border:1px solid #4f46e547;border-radius:999px;box-shadow:0 2px 8px #4f46e51f;color:#4338ca;font-size:10px;font-weight:700;letter-spacing:.1em;padding:5px 11px;position:absolute;right:14px;text-transform:uppercase;top:14px;z-index:2}.zbx-plan.is-featured .zbx-badge{background:#fffffff2;border-color:#ffffff8c;box-shadow:0 2px 10px #1e1b4b1f;color:#4f46e5}.zbx-planHeader{background:linear-gradient(145deg,#1e1b4b,#312e81 48%,#3730a3);color:#f8fafc;padding:26px 22px 22px}.zbx-plan.is-featured .zbx-planHeader{background:linear-gradient(135deg,#4f46e5,#6366f1 45%,#7c3aed);padding-right:118px}.zbx-planHeader h4{color:#fffffff5;font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0}.zbx-planHeader .zbx-price{color:#fff;font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1.05;margin-top:14px}.zbx-planHeader .zbx-meta{color:#f8fafcc7;font-size:13px;line-height:1.45;margin-top:10px}.zbx-planBody{background:#fff;display:flex;flex:1 1 auto;flex-direction:column;padding:22px 22px 24px}.zbx-listCheck{align-items:center;background:#4f46e51a;border-radius:7px;color:#4f46e5;display:flex;flex-shrink:0;font-size:11px;height:22px;justify-content:center;margin-top:2px;width:22px}.zbx-listCheck svg{height:12px;width:12px}.zbx-plan ul{grid-gap:10px;display:grid;flex:1 1 auto;gap:10px;list-style:none;margin:0 0 20px;padding:0}.zbx-plan li{align-items:flex-start;color:#475467;display:flex;font-size:14px;gap:10px;line-height:1.5}.zbx-plan .zbx-planCta{border-radius:12px;font-weight:600;margin-top:auto;width:100%}.zbx-plan .zbx-planCta.zbx-btnGhost{background:#f8fafc;border-color:#e4e7ec;border-radius:12px}.zbx-plan .zbx-planCta.zbx-btnGhost:hover{background:#f1f5f9;border-color:#cbd5e1}.zbx-plan .zbx-planCta.zbx-btnPrimary{border-radius:12px;box-shadow:0 8px 24px #4f46e547}.zbx-plan .zbx-planCta.zbx-btnPrimary:hover{box-shadow:0 12px 32px #4f46e557}.zbx-trialRules{background:linear-gradient(135deg,#fffffff2,#eef2ff99);border:1px solid #6366f11f;border-radius:16px;box-shadow:0 12px 40px #0f172a0d;margin-top:clamp(40px,6vw,56px);padding:28px 32px}.zbx-trialRulesTitle{color:var(--zbx-accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.zbx-trialRules ul{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:14px 0 0;padding:0}.zbx-trialRules li{align-items:flex-start;color:#475569;display:flex;font-size:14px;gap:10px}.zbx-trialRules .zbx-listCheck{background:#4f46e51f}.zbx-faq{grid-gap:0;display:grid;gap:0;max-width:780px}.zbx-faqItem{border-bottom:1px solid var(--zbx-border)}.zbx-faqItem:first-of-type{border-top:1px solid var(--zbx-border)}.zbx-faqItem.is-open{background:#4f46e50a}.zbx-faqTrigger{align-items:center;background:#0000;border:none;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;gap:18px;margin:0;padding:22px 0;text-align:left;transition:background .15s ease;width:100%}.zbx-faqTrigger:hover{background:#4f46e508}.zbx-faqItem.is-open .zbx-faqTrigger:hover{background:#0000}.zbx-faqTrigger:focus-visible{border-radius:10px;box-shadow:0 0 0 3px #6366f159;box-shadow:var(--ring,0 0 0 3px #6366f159);outline:none}.zbx-faqIcon{align-items:center;background:#4f46e51a;border:1px solid #4f46e529;border-radius:14px;color:var(--zbx-accent);display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.zbx-faqQuestion{color:#0c1222;flex:1 1;font-size:16px;font-weight:700;line-height:1.35;min-width:0}.zbx-faqChevron{align-items:center;color:#64748b;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:transform .2s ease;width:28px}.zbx-faqChevron.is-open{color:var(--zbx-accent);transform:rotate(180deg)}.zbx-faqPanel{padding:0 0 22px 62px}.zbx-faqPanel p{color:var(--zbx-muted);font-size:15px;line-height:1.65;margin:0}.zbx-footer{background:#020617;color:#94a3b8;margin-top:clamp(72px,12vw,120px);padding:52px clamp(16px,3vw,40px) 44px}.zbx-footerInner{grid-gap:36px;display:grid;gap:36px;grid-template-columns:1.2fr 1fr 1fr;margin:0 auto;max-width:1180px}.zbx-footer h5{color:#f8fafc;font-size:17px;font-weight:700;margin:0}.zbx-footerInner>div:first-child p{color:#94a3b8;font-size:14px;line-height:1.55;margin:10px 0 0}.zbx-footerLinks{display:flex;flex-direction:column;gap:12px}.zbx-footerLinks a{color:#94a3b8;font-size:14px;font-weight:500;text-decoration:none}.zbx-footerLinks a:hover{color:#fff}.zbx-footerEmail{align-items:center;display:flex;font-size:14px;gap:10px;margin:0 0 12px}.zbx-footerEmail svg{color:#a5b4fc;height:16px;width:16px}.zbx-footerEmail a{color:#c7d2fe;text-decoration:none}.zbx-footerEmail a:hover{color:#fff;text-decoration:underline}.zbx-footerCopy{color:#64748b;font-size:13px;margin:0}@media (max-width:520px){.zbx-brandTagline{display:none}.zbx-brandImg{height:38px;width:38px}.zbx-kpiRow{grid-template-columns:1fr}}@media (max-width:960px){.zbx-links{display:none}.zbx-nav{border-radius:0;width:100%}.zbx-heroFullInner{grid-template-columns:1fr;padding-top:56px}.zbx-heroFull{min-height:auto}.zbx-footerInner,.zbx-grid,.zbx-pricing{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.zbx-reveal{opacity:1;transform:none;transition:none}}.zb-auth{--auth-accent:#4f46e5;--auth-accent-soft:#4f46e529;--auth-accent-border:#4f46e573;--auth-accent-muted:#6366f1;--auth-navy:#14142b;--auth-navy-mid:#1a1a3f;align-items:center;background:linear-gradient(165deg,#ede9fe,#e0e7ff 45%,#ddd6fe);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:16px 12px;position:relative}.zb-auth__glow{background:radial-gradient(closest-side,#4f46e533,#0000 70%);inset:-20%;pointer-events:none;position:absolute;z-index:0}.zb-auth__card{animation:zbAuthCardIn .55s cubic-bezier(.22,1,.36,1) both;position:relative;width:100%;z-index:1}.zb-auth__card--split{background:#fff;border:1px solid #c7d2fea6;border-radius:16px;box-shadow:0 4px 6px #0f172a0d,0 28px 56px #1e1b4b24;display:grid;grid-template-columns:1fr 1fr;max-width:720px;overflow:hidden}@keyframes zbAuthCardIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.zb-auth__left{display:flex;flex-direction:column;min-width:0;padding:20px 22px 16px}.zb-auth__topRow{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;margin-bottom:16px}.zb-auth__brandLink{color:#101828;font-size:13px;font-weight:800;gap:8px;margin-bottom:0;min-width:0;transition:opacity .15s ease;width:-webkit-fit-content;width:fit-content}.zb-auth__backHome,.zb-auth__brandLink{align-items:center;display:inline-flex;text-decoration:none}.zb-auth__backHome{background:#f2f4f7;border:1px solid #e4e7ec;border-radius:999px;color:#475467;flex-shrink:0;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.02em;padding:8px 14px;transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.zb-auth__backHome:hover{background:#eef2ff;border-color:#4f46e573;box-shadow:0 1px 2px #0f172a0f;color:#4f46e5;color:var(--auth-accent,#4f46e5)}.zb-auth__backHomeIcon{display:block;flex-shrink:0}.zb-auth__brandLink:hover{opacity:.85}.zb-auth__logoWrap{align-items:center;background:#fff;border:1px solid #e4e7ece6;border-radius:10px;box-shadow:0 6px 16px #1018281f;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.zb-auth__logoImg{display:block;height:100%;object-fit:contain;width:100%}.zb-auth__brandLinkText{letter-spacing:-.02em}.zb-auth__header h1{color:#101828;font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 8px}.zb-auth__header p{color:#667085;font-size:14px;font-weight:500;line-height:1.5;margin:0 0 14px}.zb-auth__label--sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.zb-auth__label{color:#344054;display:block;font-size:13px;font-weight:700;margin:14px 0 8px}.zb-auth__form--modern .zb-auth__field:first-of-type{margin-top:0}.zb-auth__field{align-items:center;background:#f8fafc;border:1px solid #e4e7ec;border-radius:10px;display:flex;gap:10px;margin-bottom:9px;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.zb-auth__field:focus-within{border-color:var(--auth-accent-border);box-shadow:0 0 0 3px var(--auth-accent-soft)}.zb-auth__field--grow{flex:1 1;margin-bottom:0;min-width:0}.zb-auth__fieldIcon{color:#98a2b3;flex-shrink:0}.zb-auth__field:focus-within .zb-auth__fieldIcon{color:var(--auth-accent-muted)}.zb-auth__field--password{gap:8px;padding-right:8px}.zb-auth__peek{align-items:center;background:#0000;border:none;border-radius:8px;color:#98a2b3;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;margin:0 -4px 0 0;transition:color .15s ease,background .15s ease;width:34px}.zb-auth__peek:hover{background:#6366f10f;color:var(--auth-accent)}.zb-auth__peekIcon{display:block}.zb-auth__fieldInput{background:#0000;border:none;color:#101828;flex:1 1;font-size:14px;min-width:0;outline:none;padding:10px 0}.zb-auth__fieldInput::placeholder{color:#98a2b3}.zb-auth__emailRow{align-items:stretch;display:flex;gap:10px;margin-bottom:14px}.zb-auth__sendCode{align-self:stretch;background:#f9fafb;border:1px solid #e4e7ec;border-radius:14px;color:var(--auth-accent);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;padding:0 16px;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.zb-auth__sendCode:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe}.zb-auth__sendCode:disabled{cursor:not-allowed;opacity:.65}.zb-auth__optionsRow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:2px 0 12px}.zb-auth__optionsRow--verify{margin-bottom:4px;margin-top:8px}.zb-auth__textLink{color:#4f46e5;color:var(--color-primary,#4f46e5);font-size:13px;font-weight:700;text-decoration:none}.zb-auth__textLink:hover{text-decoration:underline}.zb-auth__remember{align-items:center;color:#667085;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;-webkit-user-select:none;user-select:none}.zb-auth__remember input{accent-color:#4f46e5;accent-color:var(--color-primary,#4f46e5);cursor:pointer;height:16px;width:16px}.zb-auth__input{border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:14px;font-size:14px;margin-bottom:14px;outline:none;padding:12px 14px;transition:box-shadow .15s,border-color .15s;width:100%}.zb-auth__input:focus{border-color:var(--auth-accent-border);box-shadow:0 0 0 3px var(--auth-accent-soft)}.zb-auth__submit{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:800;margin-top:4px;padding:11px 14px;transition:transform .15s,box-shadow .15s,opacity .15s;width:100%}.zb-auth__submit--pill{border-radius:999px}.zb-auth__submit--green{background:linear-gradient(95deg,#4338ca,#4f46e5 38%,#6366f1);box-shadow:0 6px 20px #4338ca59;color:#fff;text-shadow:0 1px 1px #1e1b4b33}.zb-auth__submit--green:hover:not(:disabled){box-shadow:0 10px 28px #4338ca66;transform:translateY(-1px)}.zb-auth__submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.zb-auth__submit--shine{overflow:hidden;position:relative}.zb-auth__submit--shine:after{animation:zbAuthShine 2.8s ease-in-out infinite;background:linear-gradient(105deg,#0000 40%,#ffffff38 50%,#0000 60%);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes zbAuthShine{0%{transform:translateX(-120%)}40%,to{transform:translateX(120%)}}.zb-auth__right{background:linear-gradient(165deg,var(--auth-navy-mid) 0,var(--auth-navy) 55%,#0c0c18 100%);display:flex;flex-direction:column;justify-content:space-between;min-height:100%;overflow:hidden;padding:18px 20px 22px;position:relative}.zb-auth__rightPattern{background-image:radial-gradient(#ffffff1a 1px,#0000 0);background-size:18px 18px;inset:0;opacity:.55;pointer-events:none;position:absolute}.zb-auth__rightGlowCorner{background:radial-gradient(circle at 70% 30%,#8b5cf659,#0000 55%);height:70%;pointer-events:none;position:absolute;right:-25%;top:-30%;width:70%}.zb-auth__rightTop{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:4px;position:relative;z-index:1}.zb-auth__livePill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:#ffffffeb;display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.02em;padding:6px 12px}.zb-auth__liveDot{animation:zbAuthPulse 2s ease-in-out infinite;background:#34d399;border-radius:50%;box-shadow:0 0 0 3px #34d39940;height:7px;width:7px}@keyframes zbAuthPulse{0%,to{opacity:1}50%{opacity:.55}}.zb-auth__promoCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0003;margin-left:auto;max-width:220px;min-width:168px;padding:10px 12px}.zb-auth__promoLabel{color:#ffffff8c;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.zb-auth__promoValue{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.zb-auth__promoDelta{color:#6ee7b7;font-size:12px;font-weight:700;margin-top:6px}.zb-auth__promoMeta{border-top:1px solid #ffffff24;color:#ffffff8c;font-size:11px;font-weight:600;line-height:1.4;margin-top:10px;padding-top:10px}.zb-auth__rightInner{display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:100%;padding-top:4px;position:relative;z-index:1}.zb-auth__heroTitle{color:#fff;font-size:clamp(18px,2.4vw,24px);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 8px}.zb-auth__heroText{color:#ffffffc7;font-size:13px;font-weight:450;line-height:1.55;margin:0 0 14px}.zb-auth__featureList{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.zb-auth__featureItem{align-items:flex-start;color:#ffffffe0;display:flex;font-size:12px;font-weight:500;gap:10px;line-height:1.45}.zb-auth__featureIcon{align-items:center;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:8px;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:1px;width:22px}.zb-auth__featureSvg{color:#ffffffeb;display:block}.zb-auth__panelWrap{min-height:1px}.zb-auth__panel{animation:zbAuthPanelIn .42s cubic-bezier(.22,1,.36,1) both}.zb-auth__panel--forgot{animation-duration:.48s}@keyframes zbAuthPanelIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.zb-auth__form--stagger .zb-auth__label{animation:zbAuthFadeUp .45s ease backwards}.zb-auth__form--stagger .zb-auth__label:first-of-type{animation-delay:.05s}.zb-auth__form--stagger .zb-auth__input:first-of-type{animation:zbAuthFadeUp .45s ease .08s backwards}.zb-auth__form--stagger .zb-auth__label:nth-of-type(2){animation-delay:.1s}.zb-auth__form--stagger .zb-auth__input:nth-of-type(2){animation:zbAuthFadeUp .45s ease .12s backwards}.zb-auth__form--stagger .zb-auth__label:nth-of-type(3){animation-delay:.14s}.zb-auth__form--stagger .zb-auth__input:nth-of-type(3){animation:zbAuthFadeUp .45s ease .16s backwards}.zb-auth__form--stagger .zb-auth__label:nth-of-type(4){animation-delay:.18s}.zb-auth__form--stagger .zb-auth__input:nth-of-type(4){animation:zbAuthFadeUp .45s ease .2s backwards}.zb-auth__form--stagger .zb-auth__submit{animation:zbAuthFadeUp .45s ease .22s backwards}@keyframes zbAuthFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.zb-auth__hint{color:#667085;font-size:13px;font-weight:600;line-height:1.5;margin:0 0 14px}.zb-auth__linksRow{display:flex;justify-content:flex-end;margin-top:8px}.zb-auth__linkBtn{background:none;border:none;color:#667085;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:none;transition:color .15s ease}.zb-auth__linkBtn:hover{color:#4f46e5;color:var(--color-primary,#4f46e5)}.zb-auth__backBtn{align-items:center;background:none;border:none;color:#667085;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:4px;margin-bottom:12px;padding:4px 0;transition:color .15s ease,transform .15s ease}.zb-auth__backBtn:hover{color:#4f46e5;color:var(--color-primary,#4f46e5);transform:translateX(-2px)}.zb-auth__input--otp{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.35em;text-align:center}.zb-auth__otpHint{color:#475569;font-size:13px;font-weight:700;margin:0 0 12px;text-align:center}.zb-auth__otpWrap{display:flex;flex-wrap:nowrap;gap:clamp(6px,2vw,10px);justify-content:center;margin:0 auto 20px;max-width:380px;width:100%}.zb-auth__otpWrap--signup{max-width:400px}.zb-auth__otpBox{align-items:center;animation:zbAuthOtpBoxIn .5s cubic-bezier(.22,1,.36,1) backwards;background:#fff;border:1px solid #e4e7ec;border-radius:14px;display:flex;flex:1 1;justify-content:center;max-width:54px;min-width:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.zb-auth__otpBox:first-child{animation-delay:0ms}.zb-auth__otpBox:nth-child(2){animation-delay:55ms}.zb-auth__otpBox:nth-child(3){animation-delay:.11s}.zb-auth__otpBox:nth-child(4){animation-delay:165ms}.zb-auth__otpBox:nth-child(5){animation-delay:.22s}.zb-auth__otpBox:nth-child(6){animation-delay:275ms}.zb-auth__otpBox--filled{background:linear-gradient(180deg,#fafbff,#f8fafc);border-color:var(--auth-accent-border)}.zb-auth__otpBox:focus-within{animation:zbAuthOtpFocusRing .55s ease;border-color:var(--auth-accent);box-shadow:0 0 0 3px var(--auth-accent-soft)}.zb-auth__otpBox--disabled{opacity:.55;pointer-events:none}.zb-auth__otpInput{font-feature-settings:"tnum";background:#0000;border:none;color:#1e1b4b;font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:800;min-height:48px;outline:none;padding:0 4px;text-align:center;width:100%}.zb-auth__otpWrap--complete .zb-auth__otpBox{animation:zbAuthOtpComplete .65s ease}@keyframes zbAuthOtpBoxIn{0%{opacity:0;transform:translateY(12px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes zbAuthOtpFocusRing{0%{box-shadow:0 0 0 0 #4f46e559}to{box-shadow:0 0 0 3px var(--auth-accent-soft)}}@keyframes zbAuthOtpComplete{0%,to{transform:scale(1)}35%{transform:scale(1.04)}}.zb-auth__form--modern .zb-auth__otpBox--filled:not(:focus-within){animation:zbAuthOtpPop .38s cubic-bezier(.34,1.45,.64,1)}@keyframes zbAuthOtpPop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.zb-auth__notice{background:#f9fafb;border:1px solid #e4e7ec;border:1px solid var(--chrome-border,#e4e7ec);border-radius:12px;color:#344054;font-size:13px;margin:0 0 12px;padding:10px 12px}.zb-auth__notice--error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.zb-auth__notice--warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.zb-auth__notice--success{background:#e0e7ff;border-color:#a5b4fc;color:#312e81}.zb-auth__switch{color:#667085;font-size:14px;font-weight:600;margin-top:12px}.zb-auth__switch a{color:#4f46e5;color:var(--color-primary,#4f46e5);font-weight:800;text-decoration:none}.zb-auth__switch a:hover{text-decoration:underline}@media (max-width:860px){.zb-auth__card--split{grid-template-columns:1fr;max-width:400px}.zb-auth__right{min-height:auto;order:-1;padding:32px 28px}.zb-auth__rightInner{max-width:none;text-align:center}.zb-auth__left{padding:28px 24px 24px}}@media (max-width:420px){.zb-auth__emailRow{flex-direction:column}.zb-auth__sendCode{padding:12px;width:100%}}.zb-shopSel.zb-shopSel--v2{-webkit-font-smoothing:antialiased;background:#f2f1ed!important;color:#14120e;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100vh!important}.zb-shopSel.zb-shopSel--v2 *{box-sizing:border-box}.zb-shopSel.zb-shopSel--v2 button{cursor:pointer;font-family:inherit}.zb-shopSel.zb-shopSel--v2.zbms-supabase-error{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:24px}.zb-shopSel.zb-shopSel--v2.zbms-supabase-error .zbms-inner{max-width:520px}.zb-shopSel.zb-shopSel--v2.zbms-shell{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:100vh;overflow:hidden;width:100%}.zbms-sidebar{background:#fff;border-right:1px solid #e8e5df;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:240px}.zbms-sb-top{border-bottom:1px solid #f4f2ee;padding:18px 20px 14px}.zbms-sb-brand{align-items:center;color:inherit;display:flex;gap:10px;text-decoration:none}.zbms-sb-logo-wrap{background:#4f46e5;border-radius:9px;flex-shrink:0;height:34px;overflow:hidden;width:34px}.zbms-sb-logo-img{display:block;height:100%;object-fit:cover;width:100%}.zbms-sb-logo-letter{align-items:center;background:#4f46e5;border-radius:9px;color:#fff;display:flex;font-size:13px;font-weight:800;height:34px;justify-content:center;width:34px}.zbms-sb-brand-name{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.3px}.zbms-sb-nav{flex:1 1;overflow-y:auto;padding:14px 12px}.zbms-sb-section-lbl{color:#b0aca4;font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;margin-top:10px;padding:0 8px;text-transform:uppercase}.zbms-sb-section-lbl:first-of-type{margin-top:4px}.zbms-sb-item{align-items:center;background:#0000;border:none;border-radius:9px;color:#4a4740;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:8px 10px;text-align:left;text-decoration:none;transition:all .12s;width:100%}.zbms-sb-item:hover{background:#f4f3ef;color:#14120e}.zbms-sb-item--active{background:#eef2ff;color:#4f46e5;font-weight:600}.zbms-sb-icon{flex-shrink:0;height:15px;opacity:.7;width:15px}.zbms-sb-item--active .zbms-sb-icon{opacity:1}.zbms-sb-bottom{border-top:1px solid #f4f2ee;padding:14px}.zbms-sb-user{background:#f8f7f4;border-radius:10px;gap:10px;padding:8px 10px}.zbms-sb-avatar,.zbms-sb-user{align-items:center;display:flex}.zbms-sb-avatar{background:#4f46e5;border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:34px;justify-content:center;width:34px}.zbms-sb-user-info{flex:1 1;min-width:0}.zbms-sb-user-name{color:#14120e;font-size:13px;font-weight:600}.zbms-sb-user-email,.zbms-sb-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zbms-sb-user-email{color:#9c9890;font-size:11px}.zbms-sb-logout{align-items:center;background:#0000;border:none;border-radius:7px;color:#b0aca4;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.zbms-sb-logout:hover{background:#fef2f2;color:#ef4444}.zbms-main{background:#f2f1ed;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.zbms-topbar{align-items:center;background:#fff;border-bottom:1px solid #e8e5df;display:flex;flex-shrink:0;gap:14px;height:54px;padding:0 28px}.zbms-tb-title{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:700}.zbms-sp{flex:1 1}.zbms-plan-chip{align-items:center;border:1px solid #0000;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;transition:background .12s}.zbms-plan-chip--trial{background:#fff7ed;border-color:#fde68a;color:#b45309}.zbms-plan-chip--trial:hover{background:#fef3c7;cursor:pointer}.zbms-plan-chip--starter{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.zbms-plan-chip--growth{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.zbms-plan-chip--business{background:#faf5ff;border-color:#e9d5ff;color:#7e22ce}.zbms-notif-btn{align-items:center;background:#f2f1ed;border:none;border-radius:50%;color:#6b6760;display:flex;height:32px;justify-content:center;position:relative;width:32px}.zbms-notif-btn:hover{background:#eceae4}.zbms-notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;height:7px;position:absolute;right:5px;top:5px;width:7px}.zbms-page{align-items:stretch;background:#f2f1ed;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;overflow-x:hidden;overflow-y:auto;padding:28px 32px 48px}.zbms-hero{background:#13111f;border-radius:20px;margin-bottom:24px;padding:28px 32px;position:relative}.zbms-hero-bg{border-radius:20px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.zbms-hero-bg:before{background:radial-gradient(ellipse 55% 80% at 85% 50%,#4f46e552 0,#0000 65%),radial-gradient(ellipse 35% 55% at 5% 80%,#8b5cf62e 0,#0000 60%);content:"";inset:0;position:absolute}.zbms-hero-dots{background-image:radial-gradient(hsla(0,0%,100%,.055) 1.5px,#0000 0);background-size:22px 22px;inset:0;position:absolute}.zbms-hero-inner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;position:relative;z-index:1}.zbms-hero-left h1{color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.1;margin:0 0 6px}.zbms-hero-left p{color:#ffffff80;font-size:13.5px;line-height:1.55;margin:0}.zbms-hero-right{flex-shrink:0;text-align:right}.zbms-hero-usage-lbl{color:#ffffff59;font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.zbms-hero-usage-num{color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.8px;line-height:1}.zbms-hero-num-dim{color:#fff6;font-size:16px;font-weight:500}.zbms-hero-usage-sub{color:#fff6;font-size:12px;margin-top:4px}.zbms-hero-bar-bg{background:#ffffff1f;border-radius:4px;height:4px;margin-left:auto;margin-top:10px;overflow:hidden;width:160px}.zbms-hero-bar{border-radius:4px;height:100%;transition:width .4s}.zbms-upgrade-banner{align-items:center;background:#fff;border:1px solid #fde68a;border-radius:14px;display:flex;gap:14px;margin-bottom:20px;padding:14px 18px}.zbms-ub-icon{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#b45309;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.zbms-ub-text{flex:1 1}.zbms-ub-title{color:#14120e;font-size:14px;font-weight:600}.zbms-ub-sub{color:#6b6760;font-size:12.5px;margin-top:2px}.zbms-ub-btn{background:#4f46e5;border:none;border-radius:9px;color:#fff;font-size:13px;font-weight:600;padding:8px 18px;text-decoration:none;white-space:nowrap}.zbms-ub-btn:hover{background:#4338ca}.zbms-plan-info-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media(max-width:960px){.zbms-plan-info-row{grid-template-columns:repeat(2,1fr)}}.zbms-plan-tier{background:#fff;border:1px solid #e8e5df;border-radius:14px;cursor:pointer;padding:14px 16px;text-align:left;transition:.15s}.zbms-plan-tier:hover:not(.zbms-plan-tier--current){border-color:#d4d0c8}.zbms-plan-tier--current{background:#fafafe;border-color:#4f46e5}.zbms-pt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.zbms-pt-name{color:#14120e;font-size:12.5px;font-weight:700}.zbms-pt-price{color:#9c9890;font-size:11.5px}.zbms-pt-current-badge{background:#4f46e5;border-radius:20px;color:#fff;font-size:10px;font-weight:600;padding:2px 7px}.zbms-pt-shops{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px}.zbms-pt-shops-lbl{color:#9c9890;font-size:11px;margin-top:1px}.zbms-pt-bar{background:#f4f2ee;border-radius:3px;height:3px;margin-top:8px;overflow:hidden}.zbms-pt-bar-fill{background:#4f46e5;border-radius:3px;height:100%}.zbms-section-hd{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:16px}.zbms-section-hd h2{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.zbms-section-hd-desc{color:#9c9890;font-size:12.5px;margin:2px 0 0}.zbms-new-shop-btn{align-items:center;background:#14120e;border:none;border-radius:10px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:9px 17px}.zbms-new-shop-btn:hover:not(:disabled){background:#2a2820;box-shadow:0 5px 16px #14120e38;transform:translateY(-1px)}.zbms-new-shop-btn:disabled{background:#c4c0b8;box-shadow:none;cursor:not-allowed;transform:none}.zbms-shops-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.zbms-shop-card{background:#fff;border:1px solid #e8e5df;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:22px;position:relative;text-align:left;transition:.18s}.zbms-shop-card:hover{border-color:#d4d0c8;box-shadow:0 8px 28px #00000017;transform:translateY(-2px)}.zbms-shop-card:active{transform:translateY(0)}.zbms-shop-card--active:before{background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:18px 18px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.zbms-shop-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.zbms-shop-icon{border-radius:13px;font-size:20px;height:46px;width:46px}.zbms-shop-icon,.zbms-shop-menu{align-items:center;display:flex;justify-content:center}.zbms-shop-menu{background:#0000;border:none;border-radius:7px;color:#b0aca4;height:28px;width:28px}.zbms-shop-menu:hover{background:#f4f3ef;color:#4a4740}.zbms-shop-name{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:700;margin-bottom:4px}.zbms-shop-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.zbms-shop-tag{border-radius:20px;font-size:11.5px;font-weight:500;padding:3px 9px}.zbms-shop-tag--role{background:#eef2ff;color:#4f46e5}.zbms-shop-tag--type{background:#f4f3ef;color:#6b6760;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zbms-shop-tag--currency{background:#f0fdf4;color:#15803d}.zbms-shop-stats{grid-gap:8px;border-top:1px solid #f4f2ee;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding-top:14px}.zbms-stat-mini-val{color:#14120e;font-size:14px;font-weight:600}.zbms-stat-mini-lbl{color:#9c9890;font-size:10.5px}.zbms-shop-last{align-items:center;border-top:1px solid #f8f7f3;color:#b0aca4;display:flex;font-size:11.5px;gap:5px;margin-top:10px;padding-top:10px}.zbms-last-dot{background:#22c55e;border-radius:50%;flex-shrink:0;height:6px;width:6px}.zbms-add-card{align-items:center;background:#fff;border:2px dashed #e8e5df;border-radius:18px;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:200px;padding:22px;text-align:center}.zbms-add-card--click:hover{background:#fafafe;border-color:#4f46e5;cursor:pointer}.zbms-add-card--locked{cursor:default;opacity:.65}.zbms-add-card-icon{align-items:center;border-radius:13px;display:flex;height:46px;justify-content:center;width:46px}.zbms-add-card-title{color:#4a4740;font-size:14px;font-weight:600}.zbms-add-card-sub{color:#b0aca4;font-size:12px;line-height:1.5}.zbms-add-card-upgrade{background:#faf5ff;border:1px solid #e9d5ff;border-radius:20px;color:#7e22ce;font-size:12px;font-weight:600;margin-top:4px;padding:6px 14px;text-decoration:none}.zbms-add-card-upgrade:hover{background:#f3e8ff}.zbms-anim{animation:zbmsFadeUp .45s ease both}@keyframes zbmsFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.zbms-loading{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:220px}.zbms-loading-ring{animation:zbmsSpin .85s linear infinite;border:3px solid #e8e5df;border-radius:50%;border-top-color:#4f46e5;height:48px;width:48px}@keyframes zbmsSpin{to{transform:rotate(1turn)}}.zbms-page-error{background:#fff;border:1px solid #fecaca;border-radius:14px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:12px 16px}.zbms-empty-wide{background:#fff;border:1px solid #e8e5df;border-radius:18px;grid-column:1/-1;padding:40px 20px;text-align:center}.zbms-empty-wide h3{color:#14120e;font-family:Bricolage Grotesque,sans-serif;margin:0 0 8px}.zbms-empty-wide p{color:#6b6760;font-size:14px;margin:0}@media(max-width:760px){.zb-shopSel.zb-shopSel--v2 .zbms-sidebar{display:none}.zbms-topbar{padding:0 16px}.zbms-page{padding:20px 16px 40px}}@media(prefers-reduced-motion:reduce){.zbms-new-shop-btn:hover:not(:disabled),.zbms-shop-card:hover{transform:none}.zbms-anim,.zbms-loading-ring{animation:none}}.zbms-modal-ov{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0a1685;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.zbms-modal{background:#fff;border-radius:22px;box-shadow:0 24px 64px #00000029;max-width:480px;overflow:hidden;width:100%}.zbms-m-hd{align-items:flex-start;display:flex;justify-content:space-between;padding:22px 24px 0}.zbms-m-t{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:700}.zbms-m-s{color:#9c9890;font-size:12.5px;margin-top:3px}.zbms-m-x{background:#f4f3ef;border:none;border-radius:7px;color:#6b6760;height:28px;width:28px}.zbms-m-body{padding:18px 24px}.zbms-fg{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media(max-width:600px){.zbms-fg{grid-template-columns:1fr}}.zbms-fi{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.zbms-fi-full{grid-column:1/-1}.zbms-fi label{color:#4a4740;font-size:11.5px;font-weight:600}.zbms-fi input,.zbms-fi select,.zbms-fi textarea{background:#faf9f6;border:1.5px solid #e8e5df;border-radius:9px;color:#14120e;font-family:inherit;font-size:13.5px;padding:10px 12px}.zbms-fi textarea{min-height:72px;resize:vertical}.zbms-fi input:focus,.zbms-fi select:focus,.zbms-fi textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e517;outline:none}.zbms-fi-hint{color:#9c9890;font-size:11px}.zbms-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:9px;color:#b91c1c;font-size:13px;margin-bottom:12px;padding:10px 12px}.zbms-m-ft{display:flex;gap:10px;justify-content:flex-end;padding:14px 24px 20px}.zbms-btn-c{background:#fff;border:1px solid #e8e5df;border-radius:9px;color:#6b6760;font-size:13px;padding:9px 17px}.zbms-btn-s{background:#14120e;border:none;border-radius:9px;color:#fff;font-size:13px;font-weight:600;padding:9px 22px}.zbms-btn-s-spinner{animation:zbmsSpin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:6px;vertical-align:middle;width:14px}button.zbms-plan-chip{font-family:inherit}.zbms-panel--solo{max-width:960px}.zbms-panel-hd{margin-bottom:20px}.zbms-panel-title{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.35px;margin:0 0 8px}.zbms-panel-lead{color:#6b6760;font-size:14px;line-height:1.55;margin:0 0 12px;max-width:52ch}.zbms-panel-cta-link{align-items:center;background:none;border:none;color:#4f46e5;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:0}.zbms-panel-cta-link:hover{color:#4338ca;text-decoration:underline}.zbms-account-card{background:#fff;border:1px solid #e8e5df;border-radius:20px;box-shadow:0 4px 24px #0000000a;max-width:520px;padding:28px 26px 30px}.zbms-account-hero{align-items:center;border-bottom:1px solid #f4f2ee;display:flex;gap:18px;margin-bottom:26px;padding-bottom:22px}.zbms-account-avatar-lg{align-items:center;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:18px;color:#fff;display:flex;flex-shrink:0;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;height:64px;justify-content:center;width:64px}.zbms-account-hero-text{min-width:0}.zbms-account-name{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.zbms-account-email{color:#9c9890;font-size:13px;margin:0;word-break:break-all}.zbms-account-grid{grid-gap:14px;display:grid;gap:14px}.zbms-account-cell{background:#faf9f6;border:1px solid #ebe8e2;border-radius:14px;padding:14px 16px}.zbms-account-k{color:#b0aca4;display:block;font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.zbms-account-v{font-feature-settings:"tnum";color:#14120e;display:block;font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}.zbms-account-hint{color:#9c9890;display:block;font-size:12px;margin-top:6px}.zbms-password-form .zbms-password-title{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:700;margin:0 0 6px}.zbms-password-lead{color:#6b6760;font-size:13px;line-height:1.45;margin:0 0 18px;max-width:44ch}.zbms-password-form .zbms-fi-full{margin-bottom:14px}.zbms-password-save{background:#14120e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:8px;padding:10px 22px}.zbms-password-save:hover:not(:disabled){background:#2a2820}.zbms-password-save:disabled{cursor:not-allowed;opacity:.55}.zbms-banner-msg{border-radius:10px;font-size:13px;margin-bottom:14px;padding:10px 13px}.zbms-banner-msg--err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.zbms-banner-msg--ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.zbms-panel--pricing{max-width:1100px}.zbms-panel-hd--pricing{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;margin-bottom:22px}.zbms-panel-hd-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.zbms-btn-secondary{background:#fff;border:1px solid #e8e5df;border-radius:10px;color:#4a4740;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:background .12s,border-color .12s}.zbms-btn-secondary:hover:not(:disabled){background:#faf9f6;border-color:#d4d0c8}.zbms-btn-secondary:disabled{cursor:not-allowed;opacity:.55}.zbms-banner-msg--top{margin-bottom:14px}.zbms-pricing-deck{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:16px}@media (min-width:980px){.zbms-pricing-deck{grid-template-columns:repeat(4,minmax(0,1fr))}}.zbms-purchase-card{background:#fff;border:1px solid #e8e5df;border-radius:18px;display:flex;flex-direction:column;min-height:100%;padding:46px 20px 82px;position:relative;transition:box-shadow .2s,border-color .18s}.zbms-purchase-card:hover{border-color:#cec9c0;box-shadow:0 10px 40px #0000000f}.zbms-purchase-card--popular{border-color:#818cf8;box-shadow:0 4px 24px #4f46e517}.zbms-purchase-card--current{outline:2px solid #4f46e58c}.zbms-purchase-badge{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:20px;color:#4338ca;font-size:10px;font-weight:700;letter-spacing:.06em;padding:4px 8px;pointer-events:none;position:absolute;right:14px;text-transform:uppercase;top:13px;z-index:1}.zbms-purchase-badge--muted{background:#f4f3ef;color:#6b6760;left:14px;right:auto;top:13px}.zbms-purchase-card--popular:not(.zbms-purchase-card--current) .zbms-purchase-badge{right:14px}.zbms-purchase-head h3{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:700;margin:0 0 10px}.zbms-purchase-price-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.zbms-purchase-price{color:#14120e;font-family:Bricolage Grotesque,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1}.zbms-purchase-per{color:#9c9890;font-size:13px;font-weight:600}.zbms-purchase-per--muted{font-weight:500}.zbms-purchase-features{flex:1 1;list-style:none;margin:16px 0 0;padding:0}.zbms-purchase-features li{color:#4a4740;font-size:13px;line-height:1.45;margin-bottom:10px;padding-left:22px;position:relative}.zbms-purchase-features li:before{background:#22c55e;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:6px;width:6px}.zbms-purchase-foot{bottom:20px;left:20px;position:absolute;right:20px}.zbms-purchase-btn{border:none;border-radius:11px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:11px 16px;transition:opacity .15s,background .15s;width:100%}.zbms-purchase-btn--primary{background:#14120e;color:#fff}.zbms-purchase-btn--primary:hover:not(:disabled){background:#2a2820}.zbms-purchase-btn--secondary{background:#eef2ff;border:1px solid #c7d2fe;color:#4338ca}.zbms-purchase-btn--secondary:hover:not(:disabled){background:#e0e7ff}.zbms-purchase-btn--ghost{background:#f8f7f4;border:1px solid #ebe8e2;color:#6b6760}.zbms-purchase-btn--ghost:disabled,.zbms-purchase-btn--primary:disabled{cursor:not-allowed;opacity:.55}.zbms-pricing-foot{color:#9c9890;font-size:12px;line-height:1.5;margin:0;max-width:640px}@media(max-width:760px){.zbms-panel-hd--pricing .zbms-panel-title{font-size:20px}}
/*# sourceMappingURL=main.e6c77098.css.map*/