@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-25..0";:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", var(--font-main);--text-xs:clamp(.7rem, 1.5vw, .75rem);--text-sm:clamp(.775rem, 1.8vw, .85rem);--text-base:clamp(.875rem, 2vw, .95rem);--text-md:clamp(.95rem, 2.2vw, 1.05rem);--text-lg:clamp(1.1rem, 2.5vw, 1.25rem);--text-xl:clamp(1.25rem, 3vw, 1.5rem);--text-2xl:clamp(1.5rem, 3.5vw, 2rem);--space-05:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--bg-app:#f3f3f7;--bg-surface:#ffffffe0;--bg-surface-solid:#fff;--bg-card:#fff;--bg-acrylic:#ffffffbf;--text-main:#1f1f2e;--text-muted:#65657b;--text-light:#8e8e9f;--border-color:#00000014;--border-focus:#0067b8;--primary:#0067b8;--primary-hover:#005a9e;--primary-light:#e6f2fb;--primary-glow:#0067b826;--primary-text:#fff;--figma-primary:#19ad83;--figma-border:#e2e8f0;--figma-text-muted:#64748b;--figma-accent-red:#ef4444;--success:#107c41;--success-bg:#dff6dd;--warning:#d97706;--warning-bg:#fef3c7;--danger:#d13438;--danger-bg:#fde8e8;--info:#0078d4;--info-bg:#eff6fc;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 2px 6px #0000000a;--shadow-md:0 6px 16px #00000014;--shadow-lg:0 16px 36px #0000001f;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--touch-target-min:44px;--z-base:1;--z-sticky:100;--z-header:500;--z-bottom-bar:900;--z-modal-backdrop:1000;--z-modal:1010;--z-dropdown:1050;--z-datepicker:1060;--z-drawer-backdrop:1100;--z-drawer:1110;--z-tooltip:1200;--z-toast:2000;--z-critical-modal:9999;--border:var(--border-color);--border-light:#0000000f;--surface-1:var(--bg-card);--surface-2:var(--bg-app);--text-primary:var(--text-main);--text-secondary:var(--text-muted);--radius:var(--radius-md);--radius-full:9999px}[data-theme=dark]{--bg-app:#121319;--bg-surface:#181922e0;--bg-surface-solid:#191a24;--bg-card:#1f202c;--bg-acrylic:#191a26c7;--text-main:#f0f0f5;--text-muted:#a0a0b8;--text-light:#707088;--border-color:#ffffff1f;--border-focus:#4cc2ff;--primary:#4cc2ff;--primary-hover:#37b0f0;--primary-light:#4cc2ff26;--primary-glow:#4cc2ff40;--primary-text:#051424;--success-bg:#107c4138;--warning-bg:#d9770638;--danger-bg:#d1343838;--info-bg:#0078d438;--border:var(--border-color);--border-light:#ffffff0f;--surface-1:var(--bg-card);--surface-2:var(--bg-app);--text-primary:var(--text-main);--text-secondary:var(--text-muted)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.num-tabular,.amount,.price,.total-cell,.receipt-number,.receipt-date{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.text-wrap-break{word-break:break-word;overflow-wrap:anywhere}.text-ellipsis-single{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined;font-size:1.25rem;font-style:normal;font-weight:300;line-height:1;transition:font-variation-settings .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),color .2s,filter .2s;display:inline-block}button:hover .material-symbols-outlined,button:active .material-symbols-outlined,.nav-tab-btn:hover .material-symbols-outlined,.nav-tab-btn.active .material-symbols-outlined,.dashboard-tab:hover .material-symbols-outlined,.dashboard-tab.active .material-symbols-outlined,.btn:hover .material-symbols-outlined,.btn:active .material-symbols-outlined,.user-dropdown-action-btn:hover .material-symbols-outlined,.mbb-btn:hover .material-symbols-outlined,.mbb-btn:active .material-symbols-outlined,a:hover .material-symbols-outlined,.ms-fill-active{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;transform:scale(1.12)}button:active .material-symbols-outlined,.nav-tab-btn:active .material-symbols-outlined,.dashboard-tab:active .material-symbols-outlined,.btn:active .material-symbols-outlined{transform:scale(1.02)}.app-header{gap:var(--space-3);padding:calc(var(--space-2) + var(--sat)) var(--space-3) var(--space-3) var(--space-3);background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:100;flex-direction:column;width:100%;display:flex;position:sticky;top:0}.header-main-row{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;display:flex}.brand-container{align-items:center;gap:var(--space-2);min-width:0;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:auto;height:clamp(32px,5vw,42px)}.brand-text{min-width:0}.brand-title{font-family:var(--font-heading);font-size:var(--text-md);letter-spacing:-.02em;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.2;overflow:hidden}.brand-subtitle{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.header-user-wrapper{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.header-avatar-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-main);cursor:pointer;min-height:38px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);align-items:center;gap:4px;padding:3px 6px 3px 3px;display:inline-flex}.header-avatar-btn:focus-visible,.header-avatar-btn.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}@media (hover:hover) and (pointer:fine){.header-avatar-btn:hover{border-color:var(--primary);background-color:var(--bg-surface-solid)}}.avatar-circle{background:linear-gradient(135deg, var(--primary), var(--figma-primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex;position:relative}.avatar-initial{text-transform:uppercase;line-height:1}.avatar-status-dot{border:2px solid var(--bg-card);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.avatar-status-dot.online{background-color:#10b981}.avatar-status-dot.offline{background-color:#f59e0b}.avatar-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;margin-right:2px;font-size:1.1rem}.avatar-chevron.rotate{transform:rotate(180deg)}.header-user-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(290px,100vw - 24px);padding:var(--space-3);z-index:var(--z-dropdown,1050);gap:var(--space-2);overscroll-behavior:contain;flex-direction:column;animation:.18s ease-out selectSlideDown;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 36px #0000002e}.user-dropdown-profile{align-items:center;gap:var(--space-3);padding:var(--space-1) 0;display:flex}.user-dropdown-avatar{border-radius:var(--radius-md);background:var(--primary-light);width:40px;height:40px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:flex}.user-dropdown-details{flex-direction:column;min-width:0;display:flex}.user-dropdown-name{font-size:var(--text-sm);color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.user-dropdown-role{color:var(--text-muted);margin-top:1px;font-size:.7rem;font-weight:500}.user-dropdown-divider{background:var(--border-color);height:1px;margin:var(--space-1) 0;width:100%}.user-dropdown-item{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.dropdown-item-left{align-items:center;gap:var(--space-2);min-width:0;display:flex}.dropdown-item-text{flex-direction:column;min-width:0;display:flex}.dropdown-item-title{font-size:var(--text-xs);color:var(--text-main);font-weight:600}.dropdown-item-desc{color:var(--text-muted);font-size:.68rem}.status-pill-mini{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.status-pill-mini.connected{color:var(--figma-primary);background:#10b9811f;border:1px solid #10b98140}.status-pill-mini.local{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b40}.user-dropdown-action-btn{background:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:space-between;align-items:center;min-height:38px;padding:.6rem .75rem;font-weight:600;display:flex}.dropdown-action-left{align-items:center;gap:var(--space-2);display:flex}.dropdown-action-left i{font-size:1.1rem}.dropdown-badge-theme{border-radius:var(--radius-sm);background:var(--bg-app);color:var(--text-muted);border:1px solid var(--border-color);padding:2px 8px;font-size:.7rem}@media (hover:hover) and (pointer:fine){.user-dropdown-action-btn:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.user-dropdown-action-btn.logout-btn:hover{background-color:var(--danger-bg);border-color:var(--danger);color:var(--danger)}}.user-dropdown-action-btn.logout-btn{color:var(--text-muted)}.header-nav-segment{background:var(--bg-app);border-radius:var(--radius-md);border:1px solid var(--border-color);grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;width:100%;padding:3px;display:grid}.nav-tab-btn{font-size:var(--text-xs);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:.4rem;width:100%;min-height:38px;padding:.45rem .85rem;font-weight:600;display:inline-flex}.nav-tab-btn i{flex-shrink:0;font-size:1.05rem;line-height:1}.nav-tab-btn.active{background:var(--primary);color:var(--primary-text);box-shadow:var(--shadow-sm);font-weight:700}@media (hover:hover) and (pointer:fine){.nav-tab-btn:hover:not(.active){color:var(--primary);background:var(--primary-light)}}@media (width>=768px){.mobile-only-tab{display:none!important}}.app-container{gap:var(--space-4);padding:var(--space-3) var(--space-3) calc(var(--space-6) + var(--sab)) var(--space-3);box-sizing:border-box;grid-template-columns:1fr;width:100%;max-width:100%;display:grid}@media (width>=1024px){.app-container{gap:var(--space-5);padding:var(--space-5) var(--space-6) calc(var(--space-6) + var(--sab)) var(--space-6);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:calc(100vh - 70px)}}@media (width>=1440px){.app-container{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);max-width:1920px;margin:0 auto}}.form-container{gap:var(--space-4);flex-direction:column;width:100%;min-width:0;display:flex}.fluent-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);width:100%}@media (width>=768px){.fluent-card{padding:var(--space-5)}}@media (hover:hover) and (pointer:fine){.fluent-card:hover{box-shadow:var(--shadow-md)}}.card-title{font-family:var(--font-heading);font-size:var(--text-md);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-3);word-break:break-word;font-weight:600;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:.5rem var(--space-4);border-radius:var(--radius-md);font-family:var(--font-main);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-secondary{background-color:var(--bg-surface-solid);color:var(--text-main);border-color:var(--border-color)}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 2px 8px var(--primary-glow)}.btn-secondary:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.btn-success:hover{filter:brightness(1.06);box-shadow:0 2px 8px #107c4140}.btn-danger:hover{filter:brightness(1.06);box-shadow:0 2px 8px #d1343840}}.btn-success{background-color:var(--success);color:#fff}.btn-danger{background-color:var(--danger);color:#fff}.btn-sm{min-height:38px;padding:.3rem var(--space-3);font-size:var(--text-xs)}.btn-icon-only{width:var(--touch-target-min);padding:0}.form-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr;width:100%;display:grid}@media (width>=480px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=992px){.form-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1440px){.form-grid{grid-template-columns:repeat(4,1fr)}}.form-group{gap:var(--space-1);flex-direction:column;width:100%;min-width:0;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.form-control{width:100%;min-height:var(--touch-target-min);background-color:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-main);font-size:var(--text-sm);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.5rem .85rem;scroll-margin-top:80px}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-glow);outline:none}textarea.form-control{resize:vertical;min-height:80px}.item-calculator-card{margin-top:var(--space-3);margin-bottom:var(--space-4)}.item-row{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);transition:border-color var(--transition-fast);width:100%;position:relative}@media (hover:hover) and (pointer:fine){.item-row:hover{border-color:var(--primary)}}.item-row-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px dashed var(--border-color);flex-wrap:wrap;display:flex}.item-header-left{align-items:center;gap:var(--space-2);flex:1;min-width:200px;display:flex}.item-number-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.item-main-grid{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.item-main-grid{grid-template-columns:3fr 1.25fr}}.dimension-inputs{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.dimension-inputs{grid-template-columns:repeat(4,1fr)}.dimension-inputs.two-cols{grid-template-columns:repeat(2,1fr)}}.item-footer-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr;align-items:flex-end;display:grid}@media (width>=640px){.item-footer-grid{grid-template-columns:3fr 1.25fr}}.item-subtotal-box{border-radius:var(--radius-sm);padding:.5rem var(--space-3);min-height:var(--touch-target-min);background:#1bbd8f14;border:1px solid #1bbd8f40;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}@media (width>=640px){.item-subtotal-box{align-items:flex-end}}.item-subtotal-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600;line-height:1.1}.item-subtotal-value{font-size:var(--text-md);color:var(--primary);font-weight:700;line-height:1.2}.btn-remove-item{color:var(--danger);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);min-width:38px;min-height:38px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-remove-item:hover{background-color:var(--danger-bg)}}.book-detail-fields{background:var(--bg-surface-solid);border:1px solid var(--border-color);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-2);width:100%}.book-detail-fields-title{font-size:var(--text-xs);color:var(--primary);margin-bottom:var(--space-2);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.custom-details-section{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--border-color)}.custom-details-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.custom-details-label{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:var(--space-1);font-weight:500;display:flex}.btn-add-detail{border:1px dashed var(--primary);color:var(--primary);font-size:var(--text-xs);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);align-items:center;gap:var(--space-1);min-height:36px;transition:background var(--transition-fast);background:0 0;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-add-detail:hover{background:var(--primary-light)}}.custom-detail-row{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:1fr 1.25fr auto;align-items:center;display:grid}@media (width<=480px){.custom-detail-row{grid-template-columns:1fr auto}.custom-detail-row input:first-child{grid-column:1/-1}}.summary-box{background-color:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.summary-row{padding:var(--space-1) 0;font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.summary-row.total{border-top:2px dashed var(--border-color);margin-top:var(--space-3);padding-top:var(--space-3);font-size:var(--text-lg);color:var(--primary);font-weight:700}.preview-workspace{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;display:flex;position:relative;overflow:visible}@media (width>=1024px){.preview-workspace{top:calc(var(--space-2) + 64px);max-height:calc(100dvh - 84px);padding-right:var(--space-1);-webkit-overflow-scrolling:touch;position:sticky;overflow:visible auto}}.public-nota-page,.nota-preview-page-container{width:100%;min-height:100dvh;padding:var(--space-4) var(--space-2) calc(var(--space-8) + var(--sab)) var(--space-2);box-sizing:border-box;background-color:#f0f2f4;flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:hidden}.public-nota-page:before,.nota-preview-page-container:before{content:"";background:var(--figma-primary);z-index:0;pointer-events:none;border-bottom-right-radius:50% 24px;border-bottom-left-radius:50% 24px;width:100%;height:clamp(140px,20vw,230px);position:absolute;top:0;left:0;right:0}[data-theme=dark] .public-nota-page,[data-theme=dark] .nota-preview-page-container{background:#121319}.preview-sticky-wrapper{width:100%;min-width:0;height:100%;box-shadow:none;box-sizing:border-box;background:0 0;border:none;flex-direction:column;margin:0;padding:0;display:flex;overflow:visible}.paper-selector-bar{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--space-3);box-sizing:border-box;z-index:10;-webkit-backdrop-filter:blur(16px);width:100%;max-width:680px;margin-left:auto;margin-right:auto;padding:.45rem .75rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px -2px #0000000d,0 1px 3px #00000008}.paper-selector-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:.45rem;font-weight:700;display:flex}.paper-selector-label i{color:var(--primary);font-size:1.05rem}.paper-tabs{background:var(--bg-surface-solid);border-radius:var(--radius-md);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;align-items:center;gap:3px;padding:3px;display:inline-flex;overflow-x:auto}.paper-tabs::-webkit-scrollbar{display:none}.paper-tab{border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.35rem;min-height:32px;padding:.35rem .65rem;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.paper-tab i{color:var(--text-muted);font-size:.85rem;transition:color .18s}.paper-tab:hover:not(.active){color:var(--text-main);background:#0000000d}[data-theme=dark] .paper-tab:hover:not(.active){background:#ffffff0f}.paper-tab.active{background:var(--primary);color:var(--primary-text,#fff);box-shadow:0 1px 3px #00000026,0 1px 2px #0000001a}.paper-tab.active i{color:inherit}@media (width<=640px){.paper-selector-bar{align-items:stretch;gap:var(--space-2);flex-direction:column;padding:.5rem}.paper-selector-label{justify-content:flex-start}.paper-tabs{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.paper-tab{justify-content:center;padding:.35rem .2rem;font-size:.7rem}.paper-tab i{display:none}}.preview-stage,.nota-a4-scaler{box-sizing:border-box;width:100%;box-shadow:none;background:0 0;border:none;flex:1;justify-content:center;align-items:flex-start;min-height:auto;margin:0;padding:0;display:flex;position:relative;overflow:visible}.nota-canvas{border-radius:var(--radius-md);font-family:"Open Sans", var(--font-main);border:1px solid var(--figma-border);box-sizing:border-box;height:auto;min-height:auto;transition:width var(--transition-normal);margin:0 auto;position:relative;overflow:visible;box-shadow:0 4px 6px -1px #00000014,0 10px 30px -4px #0000001f,0 0 0 1px #0000000d;color:#111827!important;background:#fff!important}.nota-canvas[data-paper=A4]{width:min(100%,680px);font-size:var(--text-sm);padding:clamp(1.5rem,4vw,2.25rem)}.nota-canvas[data-paper=A5]{width:min(100%,520px);font-size:var(--text-xs);padding:clamp(1.15rem,3.5vw,1.75rem)}.nota-canvas[data-paper="80mm"]{width:min(100%,360px);padding:var(--space-3);font-size:.75rem}.nota-canvas[data-paper="58mm"]{width:min(100%,280px);padding:var(--space-2);font-size:.68rem}.preview-actions-bar{gap:var(--space-2);margin-top:var(--space-3);width:100%;max-width:680px;padding-bottom:var(--space-3);box-sizing:border-box;flex-direction:column;margin-left:auto;margin-right:auto;display:flex}.nota-canvas[data-paper="58mm"] .nota-header-view,.nota-canvas[data-paper="80mm"] .nota-header-view{text-align:center;padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px dashed #000;flex-direction:column;align-items:center}.nota-header-view{border-bottom:2px solid var(--figma-primary);padding-bottom:var(--space-3);margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.nota-invoice-accent{color:var(--figma-primary);letter-spacing:-1px;text-align:right;text-transform:uppercase;font-family:Open Sans,sans-serif;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:700;line-height:1}.nota-meta-grid{gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--figma-border);font-size:var(--text-xs);color:#334155;flex-direction:column;display:flex}@media (width>=480px){.nota-meta-grid{flex-direction:row;justify-content:space-between}}.nota-meta-section-title{color:var(--figma-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1);font-size:.725rem;font-weight:700}.nota-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-3)}.nota-table th{font-weight:600;font-size:var(--text-xs);color:var(--figma-text-muted);padding:var(--space-2) var(--space-1);border-bottom:1.5px solid #bebebe}.nota-table td{padding:var(--space-2) var(--space-1);text-align:left;border-bottom:1px solid var(--figma-border);font-size:var(--text-xs);vertical-align:top}.nota-table td.text-right,.nota-table th.text-right{text-align:right}.nota-item-title{color:var(--figma-primary);word-break:break-word;font-weight:700;display:block}.nota-item-detail-box{border-left:3px solid var(--primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-1);word-break:break-word;background:#19ad830d}.nota-totals-view{width:100%;max-width:340px;margin-left:auto;margin-bottom:var(--space-3)}@media (width<=480px){.nota-totals-view{max-width:100%}}.nota-total-row{padding:var(--space-1) 0;font-size:var(--text-xs);color:var(--figma-text-muted);justify-content:space-between;display:flex}.nota-total-row.grand-total{font-size:var(--text-sm);color:#000;margin-top:var(--space-1);padding:var(--space-2) 0;border-top:1.5px solid #000;border-bottom:1.5px solid #000;font-weight:700}.nota-footer-view{margin-top:var(--space-3);padding-top:var(--space-2);font-size:var(--text-xs);color:var(--figma-text-muted);justify-content:space-between;align-items:flex-end;gap:var(--space-2);border-top:1.5px solid #bebebe;display:flex}.qr-code-box{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;background:#fff!important}.qr-code-box img,.qr-code-box canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;margin:0 auto;object-fit:contain!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;filter:none!important;background:#fff!important;border:none!important;display:block!important;transform:none!important}.quick-action-toolbar{z-index:2;width:100%;max-width:680px;margin:var(--space-3) auto 0 auto;position:relative}.quick-action-toolbar-inner{gap:var(--space-2);grid-template-columns:repeat(4,1fr);width:100%;display:grid}@media (width<=480px){.quick-action-toolbar-inner{grid-template-columns:repeat(4,1fr);gap:4px}.quick-action-toolbar-inner .btn-sm{min-height:var(--touch-target-min);padding:0 4px;font-size:.72rem}}.dashboard-page-container{width:100%;max-width:1800px;padding:var(--space-3) var(--space-3) calc(var(--space-6) + var(--sab)) var(--space-3);box-sizing:border-box;margin:0 auto}.dashboard-stats-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr;width:100%;display:grid}@media (width>=480px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard-stats-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-tabs{gap:var(--space-1);-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-1);margin-bottom:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;flex-shrink:0;min-height:40px;font-weight:600;display:inline-flex}.dashboard-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-glow);border-radius:var(--radius-sm) var(--radius-sm) 0 0}@media (hover:hover) and (pointer:fine){.dashboard-tab:hover{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-glow);border-radius:var(--radius-sm) var(--radius-sm) 0 0}}.dense-toolbar{gap:var(--space-2);background:var(--bg-card);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:var(--space-4);flex-direction:column;width:100%;display:flex}.dense-toolbar-item{align-items:center;gap:var(--space-1);display:flex}.catalog-toolbar{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.toolbar-search-box{flex:auto;width:100%;position:relative}.toolbar-search-icon{color:var(--text-muted);pointer-events:none;z-index:1;font-size:.95rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.toolbar-search-input{min-height:38px;font-size:var(--text-xs);width:100%;padding-left:2.25rem!important}.toolbar-filter-box{width:100%;min-width:0}.toolbar-action-box{width:100%}.toolbar-btn-add{width:100%;min-height:38px;font-size:var(--text-xs);white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}@media (width>=480px) and (width<=767px){.catalog-toolbar{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.catalog-toolbar .toolbar-search-box{grid-column:span 2}.catalog-toolbar .toolbar-filter-box,.catalog-toolbar .toolbar-action-box{grid-column:span 1}}@media (width>=768px){.dense-toolbar{flex-direction:row;align-items:center}.catalog-toolbar{align-items:center;gap:var(--space-3);flex-direction:row;display:flex}.catalog-toolbar .toolbar-search-box{flex:240px;width:auto;min-width:180px}.catalog-toolbar .toolbar-filter-box{flex:0 0 180px;width:auto;min-width:150px}.catalog-toolbar .toolbar-action-box{flex:none;width:auto}.catalog-toolbar .toolbar-btn-add{width:auto;padding:0 var(--space-4)}}.history-toolbar{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.toolbar-status-box{width:100%;min-width:0}.toolbar-date-range,.toolbar-date-group{align-items:center;gap:var(--space-2);flex-direction:row;width:100%;display:flex}.toolbar-date-item,.toolbar-date-field{flex:1;align-items:center;gap:.35rem;min-width:0;display:flex}.toolbar-date-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-weight:500}.toolbar-date-separator{color:var(--text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 .15rem;font-weight:600}.toolbar-date-item .custom-datepicker-container,.toolbar-date-field .custom-datepicker-container{flex:1;width:100%;min-width:0}.toolbar-btn-reset-date{flex-shrink:0;min-height:38px;padding:0 .5rem}.toolbar-actions-group{gap:var(--space-2);grid-template-columns:repeat(2,1fr);align-items:stretch;width:100%;display:grid}.toolbar-actions-group .custom-tooltip-wrapper{width:100%;display:flex}.toolbar-actions-group .custom-tooltip-wrapper .toolbar-action-btn{width:100%;min-height:42px;font-size:var(--text-xs);white-space:nowrap;padding:0 var(--space-2);justify-content:center;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.toolbar-actions-group .custom-tooltip-wrapper .toolbar-action-btn.toolbar-btn-icon-only{width:100%}@media (width>=600px) and (width<=1023px){.history-toolbar{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.history-toolbar .toolbar-search-box,.history-toolbar .toolbar-status-box{grid-column:span 1}.history-toolbar .toolbar-date-range,.history-toolbar .toolbar-date-group,.history-toolbar .toolbar-actions-group{align-items:center;gap:var(--space-2);flex-direction:row;grid-column:span 2;display:flex}.history-toolbar .toolbar-actions-group .custom-tooltip-wrapper{flex:auto;width:auto;display:flex}.history-toolbar .toolbar-actions-group .custom-tooltip-wrapper:last-child{flex:0 0 42px}.history-toolbar .toolbar-actions-group .toolbar-action-btn{width:100%}.history-toolbar .toolbar-actions-group .toolbar-action-btn.toolbar-btn-icon-only{width:42px;padding:0}}@media (width>=1024px){.history-toolbar{align-items:center;gap:var(--space-2);flex-flow:wrap;display:flex}.history-toolbar .toolbar-search-box{flex:200px;width:auto;min-width:160px}.history-toolbar .toolbar-status-box{flex:0 0 150px;width:auto;min-width:130px}.history-toolbar .toolbar-date-range,.history-toolbar .toolbar-date-group{align-items:center;gap:var(--space-2);flex-direction:row;flex:none;width:auto;display:flex}.history-toolbar .toolbar-date-item,.history-toolbar .toolbar-date-field{flex:none;width:auto}.history-toolbar .toolbar-date-item .custom-datepicker-container,.history-toolbar .toolbar-date-field .custom-datepicker-container{width:140px}.history-toolbar .toolbar-actions-group{align-items:center;gap:var(--space-2);flex-direction:row;flex:none;width:auto;margin-left:auto;display:flex}.history-toolbar .toolbar-actions-group .custom-tooltip-wrapper{flex:none;width:auto;display:inline-flex}.history-toolbar .toolbar-actions-group .toolbar-action-btn{width:auto;min-height:38px;padding:0 var(--space-3);flex:none}.history-toolbar .toolbar-actions-group .toolbar-action-btn.toolbar-btn-icon-only{width:38px;padding:0}}.dense-table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;background:var(--bg-card);width:100%;overflow-x:auto}.dense-table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.dense-table th{background:var(--bg-surface-solid);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color);white-space:nowrap;z-index:10;font-size:.725rem;font-weight:700;position:sticky;top:0}.dense-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color);vertical-align:middle}.dense-table tbody tr:hover{background-color:var(--primary-glow)!important}.mobile-card-list{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.mobile-data-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.mobile-card-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.mobile-account-list{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.mobile-account-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-3);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.mobile-account-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mobile-account-user-info{align-items:center;gap:var(--space-3);min-width:0;display:flex}.mobile-account-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.mobile-account-meta-row{padding-top:var(--space-2);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mobile-account-username-box{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.75rem;display:flex}.mobile-account-actions{align-items:center;gap:var(--space-2);display:flex}@media (width<=767px){.accounts-desktop-table{display:none!important}}@media (width>=768px){.mobile-account-list{display:none!important}}.badge-status{align-items:center;gap:var(--space-1);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:12px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-status.lunas{color:#10b981;background:#10b98124;border:1px solid #10b9814d}.badge-status.dp{color:#d97706;background:#f59e0b24;border:1px solid #f59e0b4d}.badge-status.unpaid{color:#ef4444;background:#ef444424;border:1px solid #ef44444d}.badge-status.cancelled{color:#64748b;background:#94a3b829;border:1px solid #94a3b84d}.chip-group{gap:var(--space-1);flex-wrap:wrap;display:flex}.chip-finishing{background:var(--bg-surface-solid);border:1px solid var(--border-color);color:var(--text-main);white-space:nowrap;border-radius:10px;align-items:center;padding:.12rem .45rem;font-size:.7rem;font-weight:500;display:inline-flex}.btn-icon-action{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);min-width:36px;min-height:36px;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;font-size:.95rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-icon-action:hover{background:var(--bg-surface-solid);border-color:var(--primary);color:var(--primary)}.btn-icon-action.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}}.store-profile-wrapper{gap:var(--space-4);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;display:flex}.store-profile-header-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);box-sizing:border-box;width:100%;display:flex}.store-header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.store-avatar-icon{border-radius:var(--radius-md);background:var(--primary-light);width:44px;height:44px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.store-header-title{font-size:var(--text-sm);color:var(--text-main);margin:0;font-weight:700;line-height:1.2}.store-header-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.775rem;line-height:1.35}.store-settings-grid{gap:var(--space-4);grid-template-columns:1fr;align-items:stretch;width:100%;display:grid}@media (width>=860px){.store-settings-grid{gap:var(--space-4);grid-template-columns:1fr 1fr}}@media (width>=1440px){.store-settings-grid{gap:var(--space-5);grid-template-columns:1fr 1fr}}.store-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;display:flex}.store-card-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.store-card-title{font-size:var(--text-sm);color:var(--text-main);align-items:center;gap:var(--space-2);margin:0 0 2px;font-weight:700;display:flex}.store-card-desc{color:var(--text-muted);font-size:.75rem;line-height:1.35;display:block}.store-card-body{flex-direction:column;flex:1;display:flex}.store-textarea-address{font-family:inherit;font-size:var(--text-xs);line-height:1.45}.store-preview-card{background:var(--bg-surface-solid);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.store-preview-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.store-preview-title{font-size:var(--text-xs);color:var(--text-main);align-items:center;gap:var(--space-2);font-weight:700;display:inline-flex}.store-preview-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);border:1px solid #10b98140;padding:2px 8px;font-size:.68rem;font-weight:700}.store-preview-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.store-preview-kop{flex-direction:column;gap:2px;display:flex}.store-preview-store-name{color:var(--text-main);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.store-preview-subtitle{color:var(--primary);font-size:.775rem;font-weight:600}.store-preview-address,.store-preview-phone{color:var(--text-muted);align-items:center;gap:4px;margin-top:1px;font-size:.75rem;display:inline-flex}.store-preview-footer{border-top:1px dotted var(--border-color);padding-top:var(--space-2);color:var(--text-muted);align-items:center;gap:var(--space-1);font-size:.75rem;font-style:italic;display:flex}.store-action-bar{justify-content:space-between;align-items:center;gap:var(--space-3);box-sizing:border-box;width:100%;padding-top:var(--space-1);flex-wrap:wrap;display:flex}.store-action-tip{color:var(--text-muted);align-items:center;gap:var(--space-1);font-size:.75rem;display:inline-flex}.store-btn-save{min-height:42px;font-size:var(--text-xs);padding:.6rem 1.8rem;font-weight:600}@media (width<=600px){.store-btn-save{width:100%}}.cloud-config-wrapper{gap:var(--space-4);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;display:flex}.cloud-status-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);box-sizing:border-box;width:100%;transition:all var(--transition-fast);display:flex}.cloud-status-banner.connected{background:#10b98114;border-color:#10b9814d}.cloud-status-banner.disconnected{background:var(--bg-surface-solid);border-color:var(--border-color)}.cloud-status-banner-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.cloud-status-title{font-size:var(--text-sm);color:var(--text-main);font-weight:700;line-height:1.2}.cloud-status-banner.connected .cloud-status-title{color:var(--primary)}.cloud-status-desc{color:var(--text-muted);margin-top:2px;margin-bottom:0;font-size:.775rem;line-height:1.4}.cloud-main-grid{gap:var(--space-4);grid-template-columns:1fr;align-items:stretch;width:100%;display:grid}@media (width>=900px){.cloud-main-grid{gap:var(--space-4);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}@media (width>=1440px){.cloud-main-grid{gap:var(--space-5);grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr)}}.cloud-critical-warning{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid #ef444447;border-left:4px solid var(--danger);box-sizing:border-box;background:#ef444412;height:100%;display:flex}.warning-icon-box{color:var(--danger);flex-shrink:0;padding-top:2px;font-size:1.6rem;line-height:1}.warning-text-content{flex-direction:column;gap:.4rem;min-width:0;display:flex}.warning-title{font-size:var(--text-xs);color:var(--danger);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:800}.warning-desc{color:var(--text-main);margin:0;font-size:.775rem;line-height:1.45}.warning-bullet-list{color:var(--text-muted);margin:.25rem 0 0;padding-left:1.15rem;font-size:.75rem;line-height:1.45}.warning-bullet-list li{margin-bottom:3px}.warning-bullet-list strong{color:var(--danger)}.cloud-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;display:flex}.cloud-form-header{margin-bottom:var(--space-3)}.cloud-form-title{font-size:var(--text-sm);color:var(--text-main);align-items:center;gap:var(--space-2);margin:0 0 2px;font-weight:700;display:flex}.cloud-form-subtitle{color:var(--text-muted);font-size:.75rem;line-height:1.35;display:block}.cloud-sql-box{background:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.cloud-sql-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cloud-sql-title{font-size:var(--text-xs);color:var(--text-main);align-items:center;gap:var(--space-2);font-weight:700;display:inline-flex}.cloud-sql-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cloud-sql-desc{color:var(--text-muted);margin:0;font-size:.775rem;line-height:1.4}.cloud-sql-code-wrapper{margin-top:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.cloud-sql-code{color:#e2e8f0;padding:var(--space-3);white-space:pre-wrap;max-height:220px;font-size:.725rem;font-family:var(--font-mono,monospace);background:#0f172a;margin:0;line-height:1.5;overflow-y:auto}.cloud-action-bar{justify-content:space-between;align-items:center;gap:var(--space-3);box-sizing:border-box;width:100%;padding-top:var(--space-1);flex-wrap:wrap;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(6px);width:100vw;height:100dvh;z-index:var(--z-modal-backdrop,1000);padding:calc(var(--space-3) + var(--sat)) var(--space-3) calc(var(--space-3) + var(--sab)) var(--space-3);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0f172ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:min(90dvh,720px);box-shadow:var(--shadow-lg);padding:var(--space-5);transition:transform var(--transition-normal);scroll-behavior:smooth;z-index:var(--z-modal,1010);overflow-y:auto;transform:translateY(12px)}.modal-backdrop.show .modal-content{transform:translateY(0)}.modal-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-3);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--text-md);color:var(--text-main);font-weight:600}.btn-close-modal{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);min-width:38px;min-height:38px;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-close-modal:hover{background-color:var(--danger-bg);color:var(--danger)}}.confirm-modal-content{max-width:440px;padding:var(--space-4)}.confirm-modal-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.confirm-icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.35rem;display:flex}.confirm-icon-primary{background:var(--primary-light);color:var(--primary)}.confirm-icon-danger{background:var(--danger-bg);color:var(--danger)}.confirm-modal-title{font-size:var(--text-md);color:var(--text-main);margin-bottom:.25rem;font-weight:700}.confirm-modal-message{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.custom-select-container{-webkit-user-select:none;user-select:none;width:100%;position:relative}.custom-select-trigger{width:100%;min-height:var(--touch-target-min);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-main);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;justify-content:space-between;align-items:center;padding:.5rem .85rem;display:flex}.custom-select-trigger:focus,.custom-select-container.open .custom-select-trigger{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.custom-select-value{white-space:nowrap;text-overflow:ellipsis;text-align:left;overflow:hidden}.custom-select-placeholder{color:var(--text-muted)}.custom-select-chevron{color:var(--text-muted);transition:transform var(--transition-fast);margin-left:var(--space-2);flex-shrink:0;font-size:1.1rem}.custom-select-chevron.rotate{transform:rotate(180deg)}.custom-select-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:clamp(180px,40vh,280px);padding:var(--space-1) 0;overscroll-behavior:contain;margin:0;list-style:none;animation:.15s ease-out selectSlideDown;overflow-y:auto;box-shadow:0 10px 30px #00000029}@keyframes selectSlideDown{0%{opacity:0;transform:scaleY(.96)}to{opacity:1;transform:scaleY(1)}}.custom-select-option{min-height:var(--touch-target-min);font-size:var(--text-sm);color:var(--text-main);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.custom-select-option.highlighted,.custom-select-option:hover{background-color:var(--primary-light)}.custom-select-option.selected{color:var(--primary);background-color:var(--primary-glow);font-weight:600}.custom-select-option-text{flex-direction:column;display:flex}.custom-select-sublabel{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.custom-select-check{color:var(--primary);margin-left:var(--space-2);font-weight:700}.custom-select-empty{padding:var(--space-3);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.custom-datepicker-container{width:100%;position:relative}.custom-datepicker-trigger{cursor:pointer;width:100%;min-height:var(--touch-target-min);background:var(--bg-card);color:var(--text-main);text-align:left;justify-content:space-between;align-items:center;gap:.5rem;display:inline-flex}.cdp-trigger-content{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex;overflow:hidden}.cdp-trigger-icon{color:var(--primary);flex-shrink:0;font-size:1rem}.cdp-trigger-label{font-size:var(--text-xs);font-weight:500}.cdp-trigger-chevron{transition:transform var(--transition-fast);flex-shrink:0}.custom-datepicker-popover{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);overscroll-behavior:contain;animation:.15s ease-out selectSlideDown;box-shadow:0 10px 30px #0000002e}.cdp-month-nav{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.cdp-nav-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-main);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.cdp-month-label{font-size:var(--text-xs);color:var(--text-main);font-weight:700}.cdp-dow-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.25rem;display:grid}.cdp-dow-cell{color:var(--text-muted);padding:2px 0;font-size:.7rem;font-weight:700}.cdp-day-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cdp-day-btn{border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text-main);font-size:.8rem;font-family:var(--font-main);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:0;font-weight:500}.cdp-day-btn:hover{background-color:var(--primary-light)}.cdp-day-btn.today{color:var(--figma-primary);background-color:#19ad8326;font-weight:700}.cdp-day-btn.selected{font-weight:700;background-color:var(--primary)!important;color:var(--primary-text)!important}.cdp-footer{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:.5rem;padding-top:.4rem;display:flex}.cdp-quick-btn{cursor:pointer;min-height:30px;padding:0 var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);background:0 0;border:none;font-size:.725rem}.cdp-quick-today{color:var(--primary);font-weight:600}.cdp-quick-clear{color:var(--text-muted)}.cdp-quick-btn:hover{background-color:var(--primary-light)}.custom-tooltip-wrapper{align-items:center;max-width:100%;display:inline-flex}.custom-tooltip-bubble{color:#fff;border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;background:#1e1e2d;border:1px solid #ffffff1f;padding:4px 10px;font-size:.72rem;font-weight:500;line-height:1.35;animation:.15s ease-out tooltipFadeIn;box-shadow:0 4px 16px #00000047}[data-theme=dark] .custom-tooltip-bubble{background:#2a2b3d;border-color:#ffffff2e}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,3px)}to{opacity:1;transform:translate(-50%)}}.toast-container{top:calc(var(--space-2) + var(--sat));z-index:var(--z-toast,2000);align-items:center;gap:var(--space-1);pointer-events:none;flex-direction:column;width:auto;min-width:260px;max-width:420px;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width<=480px){.toast-container{width:calc(100% - 2 * var(--space-3));left:var(--space-3);right:var(--space-3);transform:none}}.toast-item{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);-webkit-backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.45rem;max-width:100%;padding:.35rem .75rem;font-size:.8rem;font-weight:500;animation:.18s cubic-bezier(.16,1,.3,1) toastSlideIn;display:inline-flex;box-shadow:0 4px 14px -2px #0000001f,0 2px 6px #00000014}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-item.toast-success{background:var(--bg-card);border-color:#16a34a59}.toast-item.toast-success .toast-icon{color:var(--success)}.toast-item.toast-warning{background:var(--bg-card);border-color:#d9770659}.toast-item.toast-warning .toast-icon{color:var(--warning)}.toast-item.toast-error,.toast-item.toast-danger{background:var(--bg-card);border-color:#dc262659}.toast-item.toast-error .toast-icon,.toast-item.toast-danger .toast-icon{color:var(--danger)}.toast-item.toast-info{background:var(--bg-card);border-color:#1e4db759}.toast-item.toast-info .toast-icon{color:var(--primary)}.toast-icon{flex-shrink:0;font-size:.95rem}.toast-message{white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.25;overflow:hidden}@media (width<=480px){.toast-message{white-space:normal;word-break:break-word}}.toast-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.85rem;transition:color .15s,background .15s;display:flex}.toast-close-btn:hover{color:var(--text-main);background:#0000000f}@media print{@page{size:auto;margin:0}.no-print,.app-header,.brand-container,.header-actions,.form-container,.history-section,.dashboard-page-container,.dashboard-main-nav,.paper-selector-bar,.preview-actions-bar,.quick-action-toolbar,.toast-container,.modal-backdrop,.mobile-bottom-bar,.mobile-nota-drawer,.mobile-drawer-overlay,.custom-tooltip,.btn,button{display:none!important}body,html{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#root,.app-layout,.app-container,.preview-workspace,.preview-sticky-wrapper,.preview-stage,.nota-a4-scaler{width:100%!important;height:auto!important;min-height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.public-nota-page:before,.nota-preview-page-container:before{display:none!important}#printableNota{box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;margin:0 auto!important;padding:0!important;display:block!important;position:relative!important;overflow:visible!important}.nota-canvas{box-shadow:none!important;color:#000!important;box-sizing:border-box!important;background:#fff!important;border:none!important;border-radius:0!important;font-family:Arial,Open Sans,sans-serif!important;overflow:visible!important}.nota-canvas[data-paper="58mm"]{width:52mm!important;max-width:52mm!important;margin:0 auto!important;padding:1.5mm 1mm!important;font-size:7.5pt!important;line-height:1.25!important}.nota-canvas[data-paper="58mm"] .nota-header-view{text-align:center!important;border-bottom:1px dashed #000!important;flex-direction:column!important;align-items:center!important;margin-bottom:1.5mm!important;padding-bottom:1.5mm!important}.nota-canvas[data-paper="58mm"] .nota-header-view img{height:24px!important;margin-bottom:1mm!important}.nota-canvas[data-paper="58mm"] .nota-invoice-accent{text-align:center!important;font-size:9pt!important;font-weight:800!important}.nota-canvas[data-paper="58mm"] .nota-meta-grid{border-bottom:1px dashed #000!important;flex-direction:column!important;gap:1.5mm!important;margin-bottom:1.5mm!important;padding-bottom:1.5mm!important;font-size:7pt!important;display:flex!important}.nota-canvas[data-paper="58mm"] .nota-table th,.nota-canvas[data-paper="58mm"] .nota-table td{padding:1.5px 1px!important;font-size:7pt!important}.nota-canvas[data-paper="58mm"] .nota-item-detail-box{margin-top:1px!important;padding:1px 2px!important;font-size:6.5pt!important}.nota-canvas[data-paper="58mm"] .nota-totals-view{width:100%!important;max-width:100%!important;margin:1.5mm 0!important;font-size:7.5pt!important}.nota-canvas[data-paper="58mm"] .nota-footer-view{text-align:center!important;border-top:1px dashed #000!important;flex-direction:column!important;align-items:center!important;margin-top:1.5mm!important;padding-top:1.5mm!important}.nota-canvas[data-paper="80mm"]{width:74mm!important;max-width:74mm!important;margin:0 auto!important;padding:2.5mm 2mm!important;font-size:8.5pt!important;line-height:1.3!important}.nota-canvas[data-paper="80mm"] .nota-header-view{text-align:center!important;border-bottom:1px dashed #000!important;flex-direction:column!important;align-items:center!important;margin-bottom:2mm!important;padding-bottom:2mm!important}.nota-canvas[data-paper="80mm"] .nota-header-view img{height:30px!important;margin-bottom:1mm!important}.nota-canvas[data-paper="80mm"] .nota-invoice-accent{text-align:center!important;font-size:11pt!important;font-weight:800!important}.nota-canvas[data-paper="80mm"] .nota-meta-grid{border-bottom:1px dashed #000!important;flex-direction:column!important;gap:2mm!important;margin-bottom:2mm!important;padding-bottom:2mm!important;font-size:8pt!important;display:flex!important}.nota-canvas[data-paper="80mm"] .nota-table th,.nota-canvas[data-paper="80mm"] .nota-table td{padding:2px!important;font-size:8pt!important}.nota-canvas[data-paper="80mm"] .nota-item-detail-box{margin-top:1.5px!important;padding:2px 3px!important;font-size:7.5pt!important}.nota-canvas[data-paper="80mm"] .nota-totals-view{width:100%!important;max-width:100%!important;margin:2mm 0!important;font-size:8.5pt!important}.nota-canvas[data-paper="80mm"] .nota-footer-view{text-align:center!important;border-top:1px dashed #000!important;flex-direction:column!important;align-items:center!important;margin-top:2mm!important;padding-top:2mm!important}.nota-canvas[data-paper=A5]{width:136mm!important;max-width:136mm!important;margin:0 auto!important;padding:4mm 6mm!important;font-size:9pt!important;line-height:1.35!important}.nota-canvas[data-paper=A5] .nota-header-view{border-bottom:2px solid #000!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:3mm!important;padding-bottom:2.5mm!important;display:flex!important}.nota-canvas[data-paper=A5] .nota-header-view img{height:36px!important}.nota-canvas[data-paper=A5] .nota-invoice-accent{text-align:right!important;font-size:14pt!important;font-weight:900!important}.nota-canvas[data-paper=A5] .nota-meta-grid{grid-template-columns:1fr 1fr!important;gap:4mm!important;margin-bottom:3mm!important;font-size:8.5pt!important;display:grid!important}.nota-canvas[data-paper=A5] .nota-table th,.nota-canvas[data-paper=A5] .nota-table td{padding:3px 4px!important;font-size:8.5pt!important}.nota-canvas[data-paper=A5] .nota-totals-view{width:70mm!important;margin-bottom:3mm!important;margin-left:auto!important;font-size:8.5pt!important}.nota-canvas[data-paper=A5] .nota-footer-view{border-top:1px solid #000!important;justify-content:space-between!important;align-items:flex-end!important;margin-top:2.5mm!important;padding-top:2.5mm!important;display:flex!important}.nota-canvas[data-paper=A4]{width:192mm!important;max-width:192mm!important;margin:0 auto!important;padding:6mm 10mm!important;font-size:10pt!important;line-height:1.4!important}.nota-canvas[data-paper=A4] .nota-header-view{border-bottom:2px solid #000!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:4mm!important;padding-bottom:3mm!important;display:flex!important}.nota-canvas[data-paper=A4] .nota-header-view img{height:42px!important}.nota-canvas[data-paper=A4] .nota-invoice-accent{text-align:right!important;font-size:18pt!important;font-weight:900!important}.nota-canvas[data-paper=A4] .nota-meta-grid{grid-template-columns:1fr 1fr!important;gap:8mm!important;margin-bottom:4mm!important;font-size:9.5pt!important;display:grid!important}.nota-canvas[data-paper=A4] .nota-table th,.nota-canvas[data-paper=A4] .nota-table td{padding:5px 6px!important;font-size:9.5pt!important}.nota-canvas[data-paper=A4] .nota-totals-view{width:85mm!important;margin-bottom:4mm!important;margin-left:auto!important;font-size:9.5pt!important}.nota-canvas[data-paper=A4] .nota-footer-view{border-top:1px solid #000!important;justify-content:space-between!important;align-items:flex-end!important;margin-top:3mm!important;padding-top:3mm!important;display:flex!important}.qr-code-box{flex-shrink:0!important;overflow:hidden!important}.qr-code-box img,.qr-code-box canvas{object-fit:contain!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;image-rendering:pixelated!important;background:#fff!important;display:block!important}.nota-canvas[data-paper=custom]{margin:0 auto!important;font-size:9pt!important;line-height:1.35!important}.nota-canvas[data-paper=custom] .nota-header-view{border-bottom:1.5px solid #000!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:3mm!important;padding-bottom:2.5mm!important;display:flex!important}.nota-canvas[data-paper=custom] .nota-meta-grid{grid-template-columns:1fr 1fr!important;gap:4mm!important;margin-bottom:3mm!important;font-size:8.5pt!important;display:grid!important}.nota-canvas[data-paper=custom] .nota-table th,.nota-canvas[data-paper=custom] .nota-table td{padding:3px 4px!important;font-size:8.5pt!important}.nota-canvas[data-paper=custom] .nota-totals-view{width:60%!important;margin-bottom:3mm!important;margin-left:auto!important;font-size:8.5pt!important}.nota-canvas[data-paper=custom] .nota-footer-view{border-top:1px solid #000!important;justify-content:space-between!important;align-items:flex-end!important;margin-top:2.5mm!important;padding-top:2.5mm!important;display:flex!important}.nota-table tr,.nota-item-main-row,.nota-item-detail-row,.nota-meta-grid,.nota-header-view,.nota-totals-view,.nota-footer-view{page-break-inside:avoid!important;break-inside:avoid!important}}.nota-footer-view.qr-pos-center{text-align:center!important;flex-direction:column!important;align-items:center!important}.nota-footer-view.qr-pos-center .qr-code-box{margin:var(--space-2) auto 0 auto!important}.nota-footer-view.qr-pos-left{flex-direction:row-reverse!important;justify-content:space-between!important;align-items:flex-end!important}.nota-footer-view.qr-pos-right{flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=767px){.app-container{padding-bottom:calc(78px + var(--sab))!important}.mobile-editor .preview-workspace,.mobile-editor .preview-container{width:100%!important;max-width:100%!important;display:flex!important}.app-header{gap:var(--space-1) var(--space-2);padding:calc(var(--space-2) + var(--sat)) var(--space-3) var(--space-2) var(--space-3);grid-template-rows:auto auto;grid-template-columns:1fr auto;display:grid}.brand-container{grid-area:1/1/2/2;align-self:center;min-width:0}.brand-logo{height:28px}.brand-title{font-size:clamp(.78rem,2.4vw,.9rem)}.brand-subtitle{display:none}.header-user-wrapper{grid-area:1/2/2/3;place-self:center end}.header-nav-segment{background:var(--bg-app);border-radius:var(--radius-md);border:1px solid var(--border-color);grid-area:2/1/3/3;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;width:100%;margin-top:2px;padding:3px;display:grid}.nav-tab-btn{border-radius:var(--radius-sm);min-height:36px;font-size:var(--text-xs);flex-direction:row;justify-content:center;align-items:center;gap:.3rem;padding:.35rem;font-weight:600;display:flex}.nav-tab-btn i{flex-shrink:0;font-size:1rem;line-height:1}.nav-tab-label{white-space:nowrap;font-size:clamp(.68rem,2.1vw,.75rem);line-height:1.1}.fluent-card{padding:var(--space-3)}}@media (width>=768px){.mobile-only-tab{display:none!important}.app-header{padding:calc(var(--space-2) + var(--sat)) var(--space-6) var(--space-2) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-direction:row;width:100%;min-height:64px;display:flex}.header-main-row{display:none}.brand-container{align-items:center;gap:var(--space-3);flex:none;order:1;width:auto;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:auto;height:38px}.brand-text{flex-direction:column;justify-content:center;display:flex}.brand-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.15rem;font-weight:700;line-height:1.2}.brand-subtitle{color:var(--text-muted);margin-top:1px;font-size:.75rem;font-weight:500;line-height:1.2;display:block!important}.header-nav-segment{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:row;flex:none;order:2;justify-content:center;align-items:center;gap:4px;width:auto;margin-left:auto;padding:4px;display:inline-flex}.nav-tab-btn{border-radius:var(--radius-sm);width:auto;min-height:36px;font-size:var(--text-xs);flex-direction:row;justify-content:center;align-items:center;gap:.45rem;padding:.45rem 1.2rem;font-weight:600;display:inline-flex}.nav-tab-label{font-size:var(--text-xs);white-space:nowrap;font-weight:600}.header-user-wrapper{flex:none;order:3;align-items:center;width:auto;display:flex}}.accordion-wrapper{width:100%;margin-top:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface-solid);overflow:hidden}.accordion-trigger{width:100%;padding:.55rem var(--space-3);font-size:var(--text-xs);color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;min-height:44px;font-weight:600;display:flex}.accordion-trigger span{align-items:center;gap:var(--space-1);display:flex}.accordion-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;font-size:1.1rem}.accordion-chevron.open{transform:rotate(180deg)}.accordion-content{padding:var(--space-3);border-top:1px solid var(--border-color);background:var(--bg-app);animation:.2s ease-out accordionSlideDown}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.accordion-content{animation:none}}.cf-mobile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);overflow:hidden}.cf-mobile-priority{padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.cf-mobile-row2{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.cf-mobile-expand-btn{width:100%;padding:var(--space-2) var(--space-3);border:none;border-top:1px solid var(--border-color);background:var(--bg-surface-solid);font-size:var(--text-xs);color:var(--primary);cursor:pointer;min-height:44px;transition:background var(--transition-fast);justify-content:space-between;align-items:center;font-weight:600;display:flex}.cf-mobile-expand-btn span{align-items:center;gap:var(--space-1);display:flex}.cf-status-preview{color:var(--text-muted);font-size:.65rem;font-weight:400}.cf-expand-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;font-size:1.15rem}.cf-expand-chevron.open{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.cf-mobile-expand-btn:hover{background:var(--primary-light)}}.cf-mobile-detail{padding:var(--space-3);border-top:1px solid var(--border-color);background:var(--bg-app);gap:var(--space-2);flex-direction:column;animation:.2s ease-out accordionSlideDown;display:flex}@media (prefers-reduced-motion:reduce){.cf-mobile-detail{animation:none}}.mobile-bottom-bar{display:none}@media (width<=767px){.mobile-bottom-bar{z-index:900;background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:var(--space-2) calc(var(--space-3) + var(--sar)) calc(var(--space-2) + var(--sab)) calc(var(--space-3) + var(--sal));display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000024}.mobile-bottom-bar-inner{align-items:center;gap:var(--space-2);width:100%;max-width:640px;margin:0 auto;display:flex}.mbb-summary{cursor:pointer;min-width:0;padding:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-md);transition:background var(--transition-fast);text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:1px;display:flex}.mbb-total{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(1rem,4vw,1.15rem);font-weight:800;line-height:1.15;overflow:hidden}.mbb-meta{align-items:center;gap:var(--space-1);display:flex}.mbb-count{color:var(--text-muted);font-size:.65rem;font-weight:600}.mbb-status-chip{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;padding:1px 5px;font-size:.6rem;font-weight:700}.mbb-status-chip.lunas{color:#10b981;background:#10b98126}.mbb-status-chip.dp{color:var(--warning);background:#d9770626}.mbb-status-chip.unpaid{color:var(--danger);background:#ef444426}.mbb-empty-hint{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);font-weight:500;display:flex}.mbb-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.mbb-btn{border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:4px;font-weight:600;display:inline-flex}.mbb-btn:active{transform:scale(.95)}.mbb-btn-add{background:var(--bg-surface-solid);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-md);font-size:1.35rem}.mbb-btn-preview{min-height:44px;padding:0 var(--space-3);font-size:var(--text-xs);background:var(--bg-surface-solid);color:var(--text-main);border:1px solid var(--border-color)}.mbb-btn-preview i{font-size:1rem}.mbb-btn-preview span{display:none}@media (width>=390px){.mbb-btn-preview span{display:inline}}.mbb-btn-save{min-height:44px;padding:0 var(--space-4);font-size:var(--text-xs);background:var(--primary);color:var(--primary-text);box-shadow:0 2px 8px var(--primary-glow)}.mbb-btn-save i{font-size:1rem}}.mobile-drawer-backdrop{z-index:1100;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#080c14b8;flex-direction:column;justify-content:flex-end;transition:opacity .22s;display:flex;position:fixed;inset:0}.mobile-drawer-backdrop.show{opacity:1;pointer-events:auto}.mobile-drawer-content{background:var(--bg-card);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 -8px 32px #0000002e}.snap-drawer{padding-bottom:calc(var(--sab))}.snap-handle-zone{padding:var(--space-2) var(--space-4) 0 var(--space-4);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0}.snap-handle-zone:active{cursor:grabbing}.mobile-drawer-handle{background:var(--border-color);width:38px;height:4px;margin:0 auto var(--space-2) auto;border-radius:2px}.snap-header-row{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.snap-header-info{align-items:center;gap:var(--space-2);min-width:0;display:flex}.snap-header-icon{color:var(--primary);flex-shrink:0;font-size:1.1rem}.snap-header-title{font-size:var(--text-sm);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.snap-header-controls{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.snap-pip-group{align-items:center;gap:4px;display:flex}.snap-pip{background:var(--border-color);cursor:pointer;width:7px;height:7px;transition:all var(--transition-fast);box-sizing:content-box;border:none;border-radius:50%;margin:-6px;padding:6px}.snap-pip.active{background:var(--primary);border-radius:3.5px;width:16px}.snap-peek-content{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.snap-peek-total{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.snap-peek-label{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;font-weight:500}.snap-peek-amount{font-size:var(--text-lg);color:var(--text-main);white-space:nowrap;font-weight:800}.snap-peek-status{border-radius:var(--radius-sm);text-transform:uppercase;white-space:nowrap;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:700}.snap-peek-status.lunas{color:#10b981;background:#10b98126}.snap-peek-status.dp{color:var(--warning);background:#d9770626}.snap-peek-status.unpaid{color:var(--danger);background:#ef444426}.snap-peek-expand-btn{flex-shrink:0}.mobile-drawer-body{padding:var(--space-3);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow:hidden auto}.finance-tab{gap:var(--space-4);padding:var(--space-4) 0;flex-direction:column;display:flex}.finance-panel-tabs{gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.finance-panel-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;min-height:44px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.finance-panel-tab:hover{background:var(--surface-2);color:var(--text-primary)}.finance-panel-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.finance-panel-tab .material-symbols-outlined{font-size:18px}.finance-badge{border-radius:var(--radius-full);min-width:20px;height:20px;font-size:var(--text-xs);background:#ffffff40;justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:inline-flex}.finance-panel-tab:not(.active) .finance-badge{background:var(--surface-2);color:var(--text-secondary)}.finance-panel{gap:var(--space-4);flex-direction:column;display:flex}.finance-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.finance-toolbar-wrap{row-gap:var(--space-3);flex-wrap:wrap}.finance-toolbar-title{align-items:center;gap:var(--space-2);font-size:var(--text-md);color:var(--text-primary);font-weight:600;display:flex}.finance-toolbar-title .material-symbols-outlined{color:var(--primary);font-size:20px}.finance-report-filter{align-items:center;gap:var(--space-2);flex-flow:row;display:flex}.finance-report-filter .custom-datepicker-container{flex:1;min-width:135px;max-width:180px}.finance-filter-sep{color:var(--text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:600}.finance-form-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.finance-form-header{align-items:center;gap:var(--space-2);font-size:var(--text-md);color:var(--text-primary);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);font-weight:600;display:flex}.finance-form-header .material-symbols-outlined{color:var(--primary);font-size:20px}.finance-form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.finance-form-grid{grid-template-columns:1fr}}.finance-form-group{gap:var(--space-1);flex-direction:column;display:flex}.finance-form-full{grid-column:1/-1}.finance-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.finance-expense-form{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.finance-form-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex}.finance-items-section{gap:var(--space-3);background:var(--surface-2);border-radius:var(--radius);padding:var(--space-3);flex-direction:column;display:flex}.finance-items-header{justify-content:space-between;align-items:center;display:flex}.finance-items-table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.finance-items-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:520px}.finance-items-table th{background:var(--surface-1);padding:var(--space-2) var(--space-3);text-align:left;color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;font-weight:600}.finance-items-table td{padding:var(--space-2) var(--space-3);border:1px solid var(--border);vertical-align:middle}.finance-item-total{color:var(--text-primary);white-space:nowrap;font-weight:600}.finance-grand-total{justify-content:flex-end;gap:var(--space-3);font-size:var(--text-base);color:var(--primary);padding-top:var(--space-2);font-weight:700;display:flex}.finance-upload-zone{position:relative}.finance-upload-btn{align-items:center;gap:var(--space-2);width:100%;min-height:52px;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;justify-content:center;font-weight:500;transition:border-color .15s,background .15s;display:flex}.finance-upload-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light,rgba(var(--primary-rgb,59,130,246),.06));color:var(--primary)}.finance-upload-btn.uploading{opacity:.7;cursor:not-allowed}.finance-upload-btn .material-symbols-outlined{font-size:20px}.finance-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.finance-upload-hint{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);display:flex}.finance-upload-hint .material-symbols-outlined{font-size:14px}.finance-nota-preview{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);display:flex}.finance-nota-icon{color:var(--primary);flex-shrink:0;font-size:28px}.finance-nota-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.finance-nota-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.finance-nota-link{font-size:var(--text-xs);color:var(--primary);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.finance-nota-link:hover{text-decoration:underline}.finance-nota-link .material-symbols-outlined{font-size:13px}.finance-nota-pending{font-size:var(--text-xs);color:var(--text-muted)}.finance-table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-color,#0000001f);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow-x:auto}.finance-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);background:var(--bg-card)}.finance-table th{background:var(--bg-app);padding:var(--space-3) var(--space-4);text-align:left;color:var(--text-muted);border:1px solid var(--border-color,#0000001f);white-space:nowrap;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.finance-table td{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color,#0000001f);color:var(--text-main);vertical-align:middle}.finance-table tbody tr:hover{background:var(--primary-light,#0067b80a)}.finance-date-cell{white-space:nowrap;color:var(--text-secondary);font-size:var(--text-xs)}.finance-total-cell{color:var(--text-primary);white-space:nowrap;font-weight:600}.finance-items-summary{flex-wrap:wrap;gap:4px;display:flex}.finance-item-chip{background:var(--surface-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;padding:1px 6px;display:inline-block}.finance-category-chip{background:var(--primary-light,#3b82f614);color:var(--primary);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:2px 8px;font-weight:500;display:inline-block}.finance-nota-local{color:var(--text-muted);align-items:center;display:inline-flex}.finance-nota-local .material-symbols-outlined{font-size:18px}.finance-no-nota{color:var(--text-muted)}.finance-row-actions{gap:var(--space-1);justify-content:flex-end;display:flex}.finance-btn-delete:hover .material-symbols-outlined{color:var(--danger,#ef4444)}.finance-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-10,60px) var(--space-4);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.finance-empty-icon{color:var(--border);font-size:56px}.finance-empty p{font-size:var(--text-md);color:var(--text-secondary)}.finance-summary-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}@media (width<=520px){.finance-summary-grid{grid-template-columns:1fr}}.finance-summary-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-color,#0000001f);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s;display:flex}.finance-summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.finance-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.finance-card-income .finance-card-icon{color:#16a34a;background:#22c55e1f}.finance-card-purchase .finance-card-icon{color:#ea580c;background:#f973161f}.finance-card-expense .finance-card-icon{color:#dc2626;background:#ef44441f}.finance-card-total-out .finance-card-icon{color:var(--text-muted);background:#6b72801f}.finance-card-profit.profit-positive .finance-card-icon{color:#4f46e5;background:#6366f124}.finance-card-profit.profit-negative .finance-card-icon{color:#dc2626;background:#ef444424}.finance-card-icon .material-symbols-outlined{font-size:22px}.finance-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.finance-card-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.finance-card-value{font-size:var(--text-md);color:var(--text-main);white-space:nowrap;font-weight:700}.finance-card-value-lg{font-size:var(--text-lg)}.profit-positive .finance-card-value{color:#16a34a}.profit-negative .finance-card-value{color:#dc2626}.finance-card-sub{color:var(--text-light,var(--text-muted));font-size:11px}.finance-card-profit{background:linear-gradient(135deg, var(--bg-card) 0%, var(--primary-light,#0067b808) 100%);border:1.5px solid #4f46e54d;grid-column:1/-1}.finance-card-profit.profit-negative{border-color:#ef44444d}@media (width>=768px){.finance-card-profit{grid-column:span 2}}.finance-formula-box{background:var(--bg-card);border:1px solid var(--border-color,#0000001f);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.finance-formula-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-main);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color,#00000014);font-weight:600;display:flex}.finance-formula-title .material-symbols-outlined{color:var(--primary);font-size:18px}.finance-formula-row{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-main);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background .15s;display:flex}.finance-formula-row:hover{background:var(--bg-app)}.finance-formula-minus{color:var(--text-muted)}.finance-formula-divider{border-top:1px dashed var(--border-color,#00000026);height:1px;margin:var(--space-1) 0}.finance-formula-result{font-weight:700;font-size:var(--text-base);background:var(--bg-app);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color,#00000014)}.finance-formula-result.profit-positive{color:#16a34a}.finance-formula-result.profit-negative{color:#dc2626}.num-tabular{font-variant-numeric:tabular-nums;letter-spacing:0}.btn-icon-xs{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.btn-icon-xs .material-symbols-outlined{font-size:16px}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-height:28px}[data-theme=dark] .finance-summary-card,[data-theme=dark] .finance-form-card,[data-theme=dark] .finance-expense-form{background:var(--surface-1)}[data-theme=dark] .finance-items-section{background:var(--surface-2)}[data-theme=dark] .finance-category-chip{background:#6366f126}.finance-banner-grid{gap:var(--space-3);margin-bottom:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.finance-banner-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s;display:flex}.finance-banner-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.banner-icon-wrap{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.banner-income .banner-icon-wrap{color:#22c55e;background:#22c55e1f}.banner-expense .banner-icon-wrap{color:#ef4444;background:#ef44441f}.profit-pos .banner-icon-wrap{color:#6366f1;background:#6366f11f}.profit-neg .banner-icon-wrap{color:#ef4444;background:#ef44441f}.banner-content{flex-direction:column;gap:2px;min-width:0;display:flex}.banner-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.banner-value{font-size:var(--text-md);color:var(--text-primary);font-weight:700}.profit-pos .banner-value{color:#22c55e}.profit-neg .banner-value{color:#ef4444}.banner-sub{color:var(--text-muted);font-size:11px}.finance-toolbar-left{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.finance-subfilter-group{background:var(--surface-2);border-radius:var(--radius-full);border:1px solid var(--border);gap:2px;padding:3px;display:inline-flex}.finance-subfilter-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-weight:500;transition:background .15s,color .15s}.finance-subfilter-btn.active{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.finance-chip{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.chip-p1{color:#2563eb;background:#3b82f61f}.chip-ops{color:var(--text-secondary);background:#6b72801f}.chip-income{color:#16a34a;background:#22c55e1f}[data-theme=dark] .chip-p1{color:#60a5fa;background:#3b82f640}[data-theme=dark] .chip-income{color:#4ade80;background:#22c55e40}.finance-title-bold{color:var(--text-primary);font-weight:600}.finance-sub-text{font-size:var(--text-xs);color:var(--text-muted)}.finance-detail-text{font-size:var(--text-xs);color:var(--text-secondary)}.text-danger{color:#ef4444!important}.text-success{color:#22c55e!important}.finance-suggestion-group{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.finance-suggestion-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;font-weight:500}.finance-suggestion-chips{flex-wrap:wrap;gap:6px;display:flex}.finance-suggestion-btn{font-size:var(--text-xs);border-radius:var(--radius-full);border:1px solid var(--border-color,#0000001f);background:var(--bg-app);color:var(--text-main);cursor:pointer;white-space:nowrap;padding:3px 10px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.finance-suggestion-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.finance-suggestion-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.finance-toolbar-stat{font-size:var(--text-sm);color:var(--text-secondary)}