.dashboard-layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:var(--bg-page)}.dashboard-sidebar{padding:1.5rem 1rem;background:#fff;color:var(--text-color);display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--border-color)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:0 .25rem}.sidebar-logo{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.65rem;background:var(--accent-color);color:#fff;font-weight:700;font-size:1.1rem}.sidebar-title{font-size:.95rem;font-weight:700;color:var(--text-color)}.sidebar-subtitle{font-size:.7rem;color:var(--muted-color)}.sidebar-nav{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;padding-bottom:1rem}.sidebar-section-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--muted-color);padding:0 .5rem;margin-bottom:.15rem}.sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:.15rem}.sidebar-link{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;border-radius:.5rem;font-size:.85rem;font-weight:500;color:var(--text-color);transition:background .1s ease,color .1s ease;text-decoration:none}.sidebar-link:hover{background:var(--bg-soft);color:var(--accent-color)}.sidebar-link.active{background:#2563eb14;color:var(--accent-color);font-weight:600}.sidebar-link-icon{width:1.5rem;display:inline-flex;justify-content:center;align-items:center;font-size:1rem}.dashboard-main{display:flex;flex-direction:column;min-height:100vh;min-width:0}.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:#fff;flex-shrink:0}.topbar-breadcrumb{display:flex;flex-direction:column;gap:.15rem;color:var(--text-color)}.topbar-breadcrumb span{font-size:.75rem;color:var(--muted-color)}.topbar-breadcrumb strong{font-size:.95rem}.topbar-actions{display:flex;align-items:center;gap:.5rem}.user-badge{width:2rem;height:2rem;border-radius:.5rem;background:#2563eb14;color:var(--accent-color);display:grid;place-items:center;font-weight:600;font-size:.82rem}.signout-button{border:1px solid var(--border-color);border-radius:.5rem;background:#fff;color:var(--text-color);padding:.4rem .85rem;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .1s ease,color .1s ease}.signout-button:hover{background:var(--bg-soft)}.dashboard-content{flex:1;padding:1.5rem;background:var(--bg-page);overflow-y:auto;overflow-x:hidden}@media(max-width:1100px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static;height:auto;overflow-y:visible;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.sidebar-nav{overflow-y:visible}.dashboard-content{padding:1.25rem}}.auth-wrapper{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#2563eb2e,#0ea5e90f),linear-gradient(160deg,#0f172a1a,#0f172a73);padding:2rem}.auth-card{width:min(440px,100%);background:#f8fafcf2;border-radius:1.5rem;box-shadow:0 40px 80px #0f172a2e;padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.auth-header{display:flex;gap:1.25rem;align-items:center}.auth-logo{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1.25rem;background:linear-gradient(135deg,#2563eb,#9333ea);color:#f8fafc;font-weight:700;font-size:1.5rem}.auth-header h1{font-size:1.5rem;color:#0f172a}.auth-header p{font-size:.9rem;color:#475569;margin-top:.25rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form label{display:flex;flex-direction:column;gap:.45rem;font-size:.85rem;color:#334155}.auth-form input{padding:.85rem 1rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.45);background:#fffc;font-size:.95rem;color:#0f172a;transition:border .2s ease,box-shadow .2s ease}.auth-form input:focus{border-color:#2563eba6;outline:none;box-shadow:0 0 0 4px #2563eb1f}.auth-submit{border:none;border-radius:.9rem;background:linear-gradient(135deg,#2563eb,#9333ea);color:#f8fafc;padding:.9rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 35px #4f46e540}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-error{color:#dc2626;font-size:.85rem;background:#f871711f;padding:.75rem .9rem;border-radius:.75rem}.auth-footer{font-size:.8rem;color:#64748b;text-align:center}@media(max-width:640px){.auth-card{padding:2rem 1.5rem;border-radius:1.25rem}}:root{color-scheme:light;--bg-page: #f4f6fb;--bg-panel: #fefefe;--bg-soft: #f8fafc;--border-color: #e2e8f0;--text-color: #0f172a;--muted-color: #64748b;--accent-color: #2563eb;--accent-strong: #1d4ed8;--accent-soft: #e0ecff;--shadow-color: rgba(15, 23, 42, .08);--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background-color:var(--bg-page);color:var(--text-color)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit}body{min-height:100vh;background:var(--bg-page);color:var(--text-color)}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-color)}.full-screen-center{min-height:100vh;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;color:#0f172a}.spinner{display:inline-block;width:2.75rem;height:2.75rem;border:4px solid rgba(37,99,235,.15);border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;letter-spacing:-.01em}.page-header p{color:var(--muted-color);font-size:.9rem}.analytics-page-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap}.analytics-page-filter{flex:0 0 220px;max-width:280px}.page-section{display:grid;gap:1.5rem}.pricing-section,.pricing-stack{display:flex;flex-direction:column;gap:2rem}.placeholder-card{border-radius:var(--radius-md);padding:1.5rem;background:var(--bg-soft);border:1px solid var(--border-color);color:var(--muted-color);font-size:.88rem}.card{border-radius:var(--radius-lg);padding:1.5rem;background:#fff;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color);display:flex;flex-direction:column;gap:1.25rem;min-width:0}.card.compact{padding:1.25rem 1.5rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;row-gap:.75rem}.card-title{font-size:1.05rem;font-weight:600;color:#1e293b;word-break:break-word;overflow-wrap:anywhere}.card-subtitle{font-size:.82rem;color:var(--muted-color);word-break:break-word;overflow-wrap:anywhere;margin-top:.15rem}.card-grid{display:grid;gap:1.5rem;align-items:start}.card-grid.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card-grid.two-column.tight{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.card-grid.two-column-wide{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.card-grid.products-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr)}.card-grid.products-grid.stacked{grid-template-columns:1fr}.card-grid.coupons-compact{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.card-grid.staff-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}@media(max-width:1280px){.card-grid.two-column,.card-grid.two-column.tight,.card-grid.two-column-wide,.card-grid.products-grid,.card-grid.coupons-compact,.card-grid.staff-grid{grid-template-columns:1fr}}@media(max-width:720px){.analytics-page-filter{flex-basis:100%;max-width:none}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:var(--radius-sm);border:none;font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button.primary{background:var(--accent-color);color:#fff;box-shadow:0 1px 3px #2563eb4d}.button.primary:not(:disabled):hover{background:var(--accent-strong)}.button.secondary{background:#2563eb1a;color:var(--accent-strong)}.button.danger{background:#ef44441a;color:#b91c1c}.text-button{background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.text-button:hover{color:#1d4ed8}.text-button.danger{color:#dc2626}.text-button:disabled{opacity:.6;cursor:not-allowed}.info-banner{padding:.85rem 1rem;border-radius:var(--radius-sm);background:#3b82f60f;border:1px solid rgba(59,130,246,.15);color:#1e3a8a;font-size:.85rem;line-height:1.4}.info-banner ul{margin-top:.5rem;margin-left:1.25rem;display:flex;flex-direction:column;gap:.25rem}.section-divider{margin-top:.5rem;margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#94a3b8}.segmented-control{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.25rem;border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--border-color)}.segmented-control button{border:none;padding:.4rem .85rem;border-radius:.5rem;background:transparent;color:var(--muted-color);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.segmented-control button.active{background:var(--accent-color);color:#fff;box-shadow:0 1px 3px #2563eb33}.tab-switch{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--border-color)}.tab-button{border:none;border-radius:.5rem;padding:.45rem 1.1rem;background:transparent;color:var(--muted-color);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.tab-button.active{background:var(--accent-color);color:#fff;box-shadow:0 1px 3px #2563eb33}.push-preview{border:1px solid var(--border-color);border-radius:1rem;padding:.85rem 1rem;background:var(--bg-panel);color:var(--text-color);display:flex;flex-direction:column;gap:.35rem;box-shadow:0 12px 24px #0f172a0f}.push-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:1rem;align-items:start}.push-compose-fields{display:flex;flex-direction:column;gap:.75rem}.push-preview__title{font-weight:600;font-size:1rem}.push-preview__body{font-size:.92rem;color:var(--muted-color)}@media(max-width:1200px){.push-compose-grid{grid-template-columns:1fr}}.input-with-button{display:flex;gap:.5rem;align-items:stretch}.input-with-button input{flex:1}.input-with-button .button{white-space:nowrap}.product-image-preview{margin-top:.6rem;border-radius:.9rem;overflow:hidden;border:1px solid rgba(148,163,184,.3);max-width:180px;background:#f8fafc}.product-image-preview img{display:block;width:100%;height:auto}.button.ghost{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.button.ghost:not(:disabled):hover{background:var(--bg-soft)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:var(--bg-soft);text-align:left}.data-table th,.data-table td{padding:.7rem .85rem;border-bottom:1px solid var(--border-color);font-size:.88rem;color:var(--text-color);vertical-align:top}.data-table th{font-weight:600;font-size:.8rem;color:var(--muted-color);text-transform:uppercase;letter-spacing:.03em}.data-table tbody tr{transition:background .1s ease}.data-table tbody tr:hover{background:#2563eb0a}.data-table tbody tr.active{background:#2563eb14}.data-table .table-section td{background:var(--bg-soft);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-color);border-bottom:1px solid var(--border-color)}.data-table .table-expansion td{padding:1.25rem;background:var(--bg-soft);border-bottom:1px solid var(--border-color)}.table-expansion-content{display:grid;gap:1.5rem}.coupons-compact .data-table th,.coupons-compact .data-table td{padding:.55rem .7rem;font-size:.85rem}.data-table td .text-align-right,.data-table th .text-align-right{text-align:right}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:999px;transition:background .15s ease;border:1px solid var(--border-color)}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;top:2px;background:#fff;border-radius:999px;box-shadow:0 1px 3px #0f172a33;transition:transform .15s ease}.toggle-switch input:checked+.toggle-slider{background:#22c55e;border-color:#22c55e80}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.option-size-list{display:flex;flex-direction:column;gap:1rem}.option-size-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.option-size-row:last-of-type{border-bottom:none}.add-option-button{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent-color);font-weight:600}.add-option-button__icon{width:1.2rem;height:1.2rem;border-radius:999px;border:1px solid rgba(37,99,235,.4);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.option-selector{border:1px solid var(--border-color);border-radius:.85rem;background:var(--bg-soft);padding:.5rem;display:flex;flex-direction:column;gap:.35rem;max-height:320px;overflow-y:auto;margin-top:.5rem}.option-selector__item{display:flex;align-items:flex-start;gap:.65rem;padding:.35rem .4rem}.option-selector__item input{margin-top:.35rem;accent-color:var(--accent-color)}.product-selection{border:1px solid var(--border-color);border-radius:.85rem;background:var(--bg-soft);padding:.75rem;margin:.75rem 0 1rem;display:flex;flex-direction:column;gap:.5rem}.product-selection__header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#475569}.product-selection__actions{display:flex;gap:.5rem}.product-selection__actions .button{padding:.2rem .6rem;font-size:.78rem}.product-selection__list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.product-selection__item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#0f172a}.product-selection__item input{accent-color:var(--accent-color)}.size-price-stack{display:flex;flex-direction:column;gap:1.25rem}.size-card{border:1px solid rgba(148,163,184,.25);border-radius:1rem;padding:1rem 1.25rem;background:#fffc;display:flex;flex-direction:column;gap:.75rem}.size-card[open]{box-shadow:0 18px 25px #0f172a14}.size-card summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.6rem}.size-card summary::-webkit-details-marker{display:none}.size-card__header{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#0f172a}.size-row-info{display:flex;align-items:center;gap:.5rem}.option-category table input[type=number]{max-width:120px;text-align:right}.option-category table input[type=text]{min-width:180px}.option-category table td{vertical-align:middle}.chip-group{display:flex;flex-wrap:wrap;gap:.35rem}.chip-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.chip .text-button{font-size:.72rem;padding:0}.chip.success{background:#22c55e26;color:#15803d}.chip.warning{background:#f973162e;color:#c2410c}.chip.neutral{background:#94a3b826;color:#334155}.chip.danger{background:#f8717126;color:#b91c1c}.form-grid{display:grid;gap:1rem}.form-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-start}.form-row.end{justify-content:flex-end}.form-row.center{align-items:center}.coupons-compact .form-grid,.coupons-compact .form-row{gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.35rem;min-width:0;flex:1;font-size:.85rem;color:#475569}.form-field.checkbox{flex-direction:row;align-items:center;gap:.65rem}.form-field.checkbox input{width:auto;min-width:1rem;height:1rem}.form-field.inline-checkbox{flex:0 0 auto;min-width:0}.form-field input,.form-field textarea,.form-field select{padding:.6rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;font-size:.9rem;color:var(--text-color);transition:border .15s ease,box-shadow .15s ease}.form-field textarea{min-height:100px;resize:vertical}.coupons-compact .form-field input,.coupons-compact .form-field textarea,.coupons-compact .form-field select{padding:.5rem .75rem;font-size:.85rem}.coupons-compact .form-field textarea{min-height:80px}.form-fieldset{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;background:var(--bg-soft)}.form-fieldset legend{font-size:.9rem;font-weight:600;color:var(--text-color);padding:0 .25rem}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#2563eb80;outline:none;box-shadow:0 0 0 3px #2563eb1a}.inline-input{width:100%;min-width:100px;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;font-size:.88rem;font-weight:600;color:var(--text-color);transition:border .15s ease,box-shadow .15s ease}.inline-input.size-price-input{width:110px;min-width:110px}.inline-input.size-price-input.compact{width:85px;min-width:85px;padding:.4rem .55rem;font-size:.82rem}.form-field .compact-textarea{min-height:80px}.inline-input:focus{border-color:#2563eb80;outline:none;box-shadow:0 0 0 3px #2563eb1a}.input-stack{display:flex;flex-direction:column;gap:.25rem}.table-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.status-banner{border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.85rem;font-weight:600;background:#3b82f614;color:#1d4ed8;border:1px solid rgba(59,130,246,.15)}.hint-banner{display:flex;gap:.75rem;padding:.85rem 1rem;border-radius:1rem;border:1px solid var(--border-color);background:var(--bg-soft);font-size:.9rem;color:var(--muted-color)}.hint-banner:before{content:"ℹ️";font-size:1rem}.status-banner.success{background:#22c55e2e;color:#15803d;border-color:#22c55e40}.status-banner.error{background:#f8717133;color:#b91c1c;border-color:#f871714d}.helper-text{font-size:.75rem;color:#64748b}.error-text{font-size:.8rem;color:#dc2626}.empty-state{padding:2rem;border-radius:var(--radius-md);border:1px dashed var(--border-color);background:var(--bg-soft);text-align:center;color:var(--muted-color);display:grid;gap:.5rem}.empty-state strong{color:var(--text-color);font-size:.95rem}.empty-state p{font-size:.85rem}.page-stack{display:flex;flex-direction:column;gap:2rem}.form-grid.two-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid.three-columns{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.form-field label{font-size:.82rem;font-weight:600;color:#334155}.form-field input,.form-field select,.form-field textarea{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;padding-top:.5rem}.checkbox-list{display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem}.checkbox-list.scrollable{max-height:340px;overflow-y:auto;border:1px solid rgba(148,163,184,.35);border-radius:.9rem;padding:.5rem .75rem;background:#f8fafccc}.checkbox-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#475569}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.45rem}.checkbox-item input[type=checkbox]{width:1rem;height:1rem}.toggle-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.15rem .65rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-soft);font-size:.85rem;font-weight:600;color:var(--muted-color)}.toggle-pill input{accent-color:var(--accent-color)}.option-matrix{width:100%;overflow-x:auto}.rules-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.5rem}.rule-form{display:flex;flex-direction:column;gap:1rem}.rule-table-wrapper{overflow-x:auto}.option-section{display:grid;gap:1.5rem}.option-category{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;background:var(--bg-soft);display:flex;flex-direction:column;gap:.75rem}.table-wrapper{width:100%;overflow-x:auto}@media(max-width:1200px){.rules-grid{grid-template-columns:1fr}}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.insight-card{border-radius:var(--radius-md);padding:1.25rem;background:#fff;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color);display:flex;flex-direction:column;gap:.35rem}.insight-card strong{font-size:1.5rem;font-weight:700;color:var(--text-color)}.insight-card span{font-size:.82rem;color:var(--muted-color);font-weight:500}.overview-chart-wrap{height:180px;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.insight-card.highlight{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8}.insight-card.highlight span{color:#fffc}.insight-card.highlight strong{color:#fff}.trend-up{color:#16a34a}.trend-down{color:#dc2626}.period-selector{display:flex;gap:.25rem;background:var(--bg-soft);border-radius:var(--radius-md);padding:.2rem;flex-shrink:0}.period-btn{padding:.4rem .75rem;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--muted-color);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.period-btn:hover{color:var(--text-color);background:#ffffff80}.period-btn.active{background:#fff;color:var(--accent-color);font-weight:600;box-shadow:0 1px 3px #00000014}.payment-breakdown{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.breakdown-title{font-size:.85rem;font-weight:600;color:var(--text-color);margin-bottom:.85rem}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.breakdown-card{display:flex;align-items:stretch;gap:.85rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff}.breakdown-bar{width:4px;border-radius:4px;flex-shrink:0}.breakdown-bar.cash-bar{background:#16a34a}.breakdown-bar.card-bar{background:#2563eb}.breakdown-bar.online-bar{background:#9333ea}.breakdown-bar.meal-bar{background:#d97706}.breakdown-bar.vale-bar{background:#0f766e}.breakdown-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.breakdown-label{font-size:.78rem;font-weight:500;color:var(--muted-color)}.breakdown-info strong{font-size:1.15rem;font-weight:700;color:var(--text-color)}.breakdown-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--muted-color)}.breakdown-pct{font-weight:600;color:var(--text-color)}@media(max-width:640px){.period-selector{flex-wrap:wrap}.breakdown-grid{grid-template-columns:1fr}}.accounting-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.batch-line-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.batch-line-row select,.batch-line-row input{padding:.5rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;font-size:.85rem;color:var(--text-color)}.batch-line-row select:focus,.batch-line-row input:focus{border-color:#2563eb80;outline:none;box-shadow:0 0 0 3px #2563eb1a}.receipt-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;overflow:hidden}.receipt-card-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;cursor:pointer;transition:background .1s ease;gap:.75rem}.receipt-card-header:hover{background:var(--bg-soft)}.receipt-card-body{padding:0 1rem 1rem;border-top:1px solid var(--border-color)}.banner-list{display:flex;flex-direction:column;gap:.75rem}.banner-item{display:flex;gap:1rem;padding:.85rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;align-items:flex-start}.banner-preview{flex-shrink:0;width:180px;min-width:0}.banner-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.banner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.banner-mode-toggle{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-soft)}.banner-mode-button{border:none;background:transparent;color:var(--muted-color);font:inherit;font-size:.82rem;font-weight:600;padding:.45rem .85rem;border-radius:.5rem;cursor:pointer;transition:background .15s ease,color .15s ease}.banner-mode-button.active{background:#fff;color:var(--text-color);box-shadow:0 1px 3px var(--shadow-color)}.designer-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.designer-preview-shell{padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-soft);display:flex;justify-content:center}.ad-preview-card{width:100%;max-width:280px;height:100px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;padding:14px 20px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.ad-preview-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ad-preview-title{font-size:16px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.ad-preview-subtitle{font-size:12px;font-weight:500;opacity:.85;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.ad-preview-emoji{font-size:40px;opacity:.9;flex-shrink:0;margin-left:8px}.ad-preview-mini-list{max-width:180px;height:68px;padding:8px 12px}.ad-preview-mini-list .ad-preview-title{font-size:11px}.ad-preview-mini-list .ad-preview-subtitle{font-size:9px}@media(max-width:900px){.designer-grid{grid-template-columns:1fr}}@media(max-width:768px){.banner-item{flex-direction:column}.banner-preview{width:100%}}.profile-grid{display:grid;gap:.5rem}.profile-row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:.88rem}.profile-row:last-child{border-bottom:none}.profile-row strong{font-size:.82rem;color:var(--muted-color);font-weight:600;flex-shrink:0}.profile-row span{color:var(--text-color);text-align:right;word-break:break-word}.code-block{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.8rem;line-height:1.5;max-height:320px;overflow-y:auto}.accounting-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.doughnut-container{max-width:280px;margin:0 auto}@media(max-width:1024px){.accounting-charts-grid{grid-template-columns:1fr}}.receipts-list{display:flex;flex-direction:column;gap:.75rem}.batch-lines-stack{display:flex;flex-direction:column;gap:.5rem}.batch-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.batch-total{font-weight:600;font-size:.95rem}.batch-total .muted{font-weight:400;font-size:.82rem;color:var(--muted-color);margin-left:.4rem}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1.5rem;overflow-y:auto}.modal-panel{width:100%;max-width:480px}.modal-panel.wide{max-width:640px}.modal-panel{background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0f172a2e;display:flex;flex-direction:column;max-height:calc(100vh - 3rem)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:1.05rem;font-weight:600;color:var(--text-color)}.modal-close{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;border:none;background:transparent;color:var(--muted-color);font-size:1rem;cursor:pointer;transition:background .1s ease}.modal-close:hover{background:var(--bg-soft);color:var(--text-color)}.modal-body{padding:1.5rem;overflow-y:auto}