html,body,#root{width:100%;min-height:100%;margin:0}:root{--primary-color:#1d4ed8;--primary-hover:#1e40af;--secondary-color:#64748b;--sidebar-bg:#0f172a;--sidebar-text:#e2e8f0;--sidebar-text-muted:#94a3b8;--sidebar-hover-bg:#1e293b;--sidebar-active-bg:#1d4ed8;--page-bg:#f8fafc;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--success-color:#16a34a;--danger-color:#dc2626;--warning-color:#d97706;--info-color:#1d4ed8;--success-bg:#dcfce7;--success-text:#166534;--warning-bg:#fef3c7;--warning-text:#92400e;--warning-border:#fde68a;--danger-bg:#fee2e2;--danger-text:#991b1b;--danger-border:#fecaca;--font-page-title:22px;--font-section-title:16px;--font-card-title:15px;--font-table-header:12px;--font-body:14px;--font-small:12px;--font-label:13px;--space-page:30px;--space-section:24px;--space-card:18px;--space-form:16px;--space-table:12px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-card-hover:0 2px 4px #0f172a0d, 0 4px 10px #0f172a14;--shadow-modal:0 20px 60px #0f172a2e;--shadow-dropdown:0 8px 24px #0f172a1f;--transition-fast:.12s ease;--focus-ring:0 0 0 3px color-mix(in srgb, var(--primary-color) 35%, transparent)}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font-family:inherit}input,select,textarea{transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}button{transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}table{border-collapse:collapse}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.login-page{background:var(--page-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-circle{filter:blur(10px);opacity:.35;z-index:0;border-radius:50%;position:absolute}.bg1{background:var(--primary-color);width:420px;height:420px;animation:16s ease-in-out infinite bg-float-1;top:-160px;left:-140px}.bg2{background:color-mix(in srgb, var(--primary-color) 40%, #a78bfa);width:480px;height:480px;animation:20s ease-in-out infinite bg-float-2;bottom:-220px;right:-160px}.bg3{background:var(--primary-color);opacity:.2;width:280px;height:280px;animation:13s ease-in-out infinite bg-float-3;top:45%;right:8%}@keyframes bg-float-1{0%,to{transform:translate(0)}50%{transform:translate(30px,40px)}}@keyframes bg-float-2{0%,to{transform:translate(0)}50%{transform:translate(-35px,-25px)}}@keyframes bg-float-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-20px,25px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.bg-circle{animation:none}}.login-card{z-index:2;background:#fff;border-radius:18px;width:430px;padding:42px;position:relative;box-shadow:0 20px 60px #0000001f}.brand-section{text-align:center;margin-bottom:26px}.brand-logo{background:var(--primary-color);color:#fff;width:64px;height:64px;box-shadow:0 0 0 6px color-mix(in srgb, var(--primary-color) 14%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;font-size:30px;font-weight:700;display:flex}.brand-logo-img{object-fit:contain;box-sizing:border-box;background:#fff;padding:6px}.brand-section h1{letter-spacing:1px;margin:0;font-size:27px}.brand-section p{color:var(--text-secondary);margin-top:8px}.input-group{margin:0 0 24px;position:relative}.input-group input{border:1.5px solid var(--border-color);z-index:1;width:100%;height:50px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border-radius:10px;outline:none;padding:0 44px 0 16px;font-size:14px;position:relative}.input-group label{color:var(--text-secondary);pointer-events:none;transition:all var(--transition-fast);z-index:1;background:#fff;padding:0 4px;font-size:14px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{color:var(--primary-color);font-weight:600;top:0;transform:translateY(-50%)scale(.85)}.input-group input:focus{border-color:var(--primary-color)}.electric-glow{background:linear-gradient(120deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 40%, #a78bfa), var(--primary-color));filter:blur(10px);opacity:0;transition:opacity var(--transition-fast);z-index:0;border-radius:16px;position:absolute;inset:-6px}.input-group:focus-within .electric-glow{opacity:.45}.electric-border{background:linear-gradient(120deg, var(--primary-color), transparent, var(--primary-color)) border-box;-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-fast);z-index:0;border:1.5px solid #0000;border-radius:12px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.input-group:focus-within .electric-border{opacity:1}.password-toggle{cursor:pointer;z-index:1;background:0 0;border:none;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-options{justify-content:space-between;align-items:center;margin-bottom:22px;font-size:13px;display:flex}.remember-me{align-items:center;gap:7px;display:flex}.forgot-password{color:var(--primary-color);cursor:pointer;background:0 0;border:none}.login-error{background:var(--danger-bg);color:var(--danger-text);text-align:center;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.login-button{background:var(--primary-color);color:#fff;cursor:pointer;width:100%;height:50px;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:9px;font-size:15px;font-weight:700}.login-button:hover{background:var(--primary-hover);box-shadow:0 4px 12px color-mix(in srgb, var(--primary-color) 30%, transparent)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;margin-top:28px;font-size:12px;display:flex}.erp-layout{background:var(--page-bg);min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:255px;color:var(--sidebar-text);flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--sidebar-hover-bg);align-items:center;gap:12px;height:82px;padding:18px 22px;display:flex}.sidebar-logo{background:var(--primary-color);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;font-weight:700;display:flex}.sidebar-logo-img{object-fit:contain;box-sizing:border-box;background:#fff;padding:3px}.sidebar-brand h2{margin:0;font-size:17px}.sidebar-brand span{color:var(--sidebar-text-muted);font-size:10px}.sidebar-menu{flex:1;padding:16px 12px;overflow-y:auto}.menu-title{color:var(--sidebar-text-muted);letter-spacing:1.1px;margin:18px 10px 8px;font-size:10px;font-weight:700}.menu-item{width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 13px;font-size:13px;text-decoration:none;display:flex;position:relative}.menu-item:visited{color:var(--sidebar-text)}.menu-item>span:first-child{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:17px;line-height:1;display:inline-flex}.menu-item:hover{background:var(--sidebar-hover-bg);color:#fff}.menu-item.active{background:var(--sidebar-active-bg);color:#fff;font-weight:600}.menu-item.active:before{content:"";background:var(--sidebar-text);opacity:.9;border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.main-content{width:calc(100% - 255px);min-height:100vh;margin-left:255px}.topbar{background:var(--card-bg);border-bottom:1px solid var(--border-color);height:82px;box-shadow:var(--shadow-card);z-index:5;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.mobile-menu-btn{cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;line-height:1;display:none}.sidebar-backdrop{z-index:40;background:#0f172a73;position:fixed;inset:0}.topbar h1{font-size:var(--font-page-title);letter-spacing:-.01em;margin:0;font-weight:700}.topbar p{color:var(--text-secondary);font-size:var(--font-small);margin:4px 0 0}.topbar-right{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:var(--success-color);border-radius:50%;width:8px;height:8px}.top-user{background:color-mix(in srgb, var(--primary-color) 8%, white);color:var(--primary-color);border-radius:20px;margin-left:15px;padding:8px 14px;font-size:13px;font-weight:700}.topbar-logout-button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600}.topbar-logout-button:hover{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-text)}.content-area{padding:var(--space-page);max-width:1600px}.welcome-box{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:22px 25px;display:flex}.welcome-box h2{margin:0;font-size:20px}.welcome-box p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.date-box{background:var(--page-bg);border-radius:8px;padding:10px 15px;font-size:13px}.dashboard-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px;display:grid}.dashboard-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex}.card-icon{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.dashboard-card span{color:var(--text-secondary);margin-bottom:7px;font-size:12px;display:block}.dashboard-card strong{font-size:20px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dashboard-panel{border:1px solid var(--border-color);background:#fff;border-radius:12px;min-height:270px}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel-header h3{margin:0;font-size:15px}.panel-header button{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:12px}.empty-state{height:200px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state span{margin-bottom:10px;font-size:30px}.empty-state p{font-size:13px}.module-placeholder{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.placeholder-icon{margin-bottom:15px;font-size:50px}.module-placeholder h2{margin:0 0 8px}.module-placeholder p{color:var(--text-secondary)}.module-placeholder span{color:var(--text-secondary);font-size:13px}@media (width<=1000px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=900px){.mobile-menu-btn{display:flex}.sidebar{z-index:50;width:255px;transition:transform .25s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:8px 0 30px #00000040}.main-content{width:100%;margin-left:0}.topbar{padding:0 16px}.topbar h1{font-size:17px}.topbar p{display:none}.content-area{padding:14px}.dashboard-cards{grid-template-columns:1fr}}.dashboard-page-layout{align-items:flex-start;gap:18px;display:flex}.dashboard-page-layout>.dashboard-page{flex:1;min-width:0}.dashboard-page-layout>.dash-quick-actions-rail{order:2}.dashboard-page{flex-direction:column;gap:18px;display:flex}.dash-header{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 25px;display:flex}.dash-header h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.dash-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.dash-header-actions{align-items:center;gap:10px;display:flex}.dash-last-updated{color:var(--text-secondary);font-size:12px}.dash-new-sale-btn{box-shadow:0 1px 2px color-mix(in srgb, var(--primary-color) 25%, transparent);font-size:14px}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.dash-period-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 20px;display:flex}.dash-period-chip{border:1px solid var(--border-color);background:var(--page-bg);color:#475569;cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.dash-period-chip:hover{background:#eef2ff}.dash-period-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dash-custom-range{align-items:center;gap:8px;margin-left:8px;display:flex}.dash-custom-range input{border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;font-size:13px}.dash-custom-range span{color:var(--text-secondary);font-size:12px}.dash-cards-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dash-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;flex-direction:row;align-items:center;gap:14px;padding:16px 18px;display:flex}.dash-card-body{flex-direction:column;gap:6px;min-width:0;display:flex}.dash-card-clickable{font:inherit;text-align:left;cursor:pointer;width:100%;transition:box-shadow .15s,transform .15s,border-color .15s}.dash-card-clickable:hover,.dash-card-clickable:focus-visible{border-color:var(--primary-color);outline:none;transform:translateY(-1px);box-shadow:0 4px 14px #1e3a8a1f}.dash-card-clickable:disabled{cursor:default}.dash-card span{color:var(--text-secondary);font-size:12px;font-weight:600}.dash-card strong{color:#111827;font-size:20px}.dash-card-value-small{font-size:16px!important}.dash-card-icon-badge{background:linear-gradient(135deg,#64748b,#475569);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex;box-shadow:0 4px 10px -2px #0f172a40}.dash-card-indigo{background:#eef2ff;border-color:#c7d2fe}.dash-card-sky{background:#f0f9ff;border-color:#bae6fd}.dash-card-emerald{background:#ecfdf5;border-color:#a7f3d0}.dash-card-amber{background:#fffbeb;border-color:#fde68a}.dash-card-rose{background:#fff1f2;border-color:#fecdd3}.dash-card-red{background:#fef2f2;border-color:#fecaca}.dash-card-orange{background:#fff7ed;border-color:#fed7aa}.dash-card-cyan{background:#ecfeff;border-color:#a5f3fc}.dash-card-teal{background:#f0fdfa;border-color:#99f6e4}.dash-card-violet{background:#f5f3ff;border-color:#ddd6fe}.dash-card-pink{background:#fdf2f8;border-color:#fbcfe8}.dash-badge-indigo{background:linear-gradient(135deg,#818cf8,#4f46e5);box-shadow:0 4px 10px -2px #4f46e573}.dash-badge-sky{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 4px 10px -2px #0284c773}.dash-badge-emerald{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 4px 10px -2px #05966973}.dash-badge-amber{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 4px 10px -2px #d9770673}.dash-badge-rose{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 4px 10px -2px #e11d4873}.dash-badge-red{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 4px 10px -2px #dc262673}.dash-badge-orange{background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:0 4px 10px -2px #ea580c73}.dash-badge-cyan{background:linear-gradient(135deg,#22d3ee,#0891b2);box-shadow:0 4px 10px -2px #0891b273}.dash-badge-teal{background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 4px 10px -2px #0d948873}.dash-badge-violet{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 4px 10px -2px #7c3aed73}.dash-badge-pink{background:linear-gradient(135deg,#f472b6,#db2777);box-shadow:0 4px 10px -2px #db277773}.dash-card-skeleton{background:linear-gradient(90deg, var(--page-bg) 25%, var(--border-color) 37%, var(--page-bg) 63%);background-size:400% 100%;border-radius:6px;width:70%;height:22px;animation:1.4s infinite dash-skeleton-shimmer}@keyframes dash-skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.dash-card-good strong{color:var(--success-text)}.dash-card-warning strong{color:var(--warning-text)}.dash-card-danger strong{color:var(--danger-color)}.dash-panels-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dash-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.dash-panel-wide{grid-column:1/-1}.dash-panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.dash-panel-header h3{margin:0;font-size:15px;font-weight:700}.dash-qty-positive{color:#15803d;font-weight:600}.dash-qty-negative{color:var(--danger-color);font-weight:600}.dash-row-clickable{cursor:pointer}.dash-row-clickable:hover{background:var(--page-bg)}.dash-table-wrapper{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;font-size:13px}.dash-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:8px 10px;font-weight:600}.dash-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:8px 10px}.dash-table tbody tr:hover{background:var(--page-bg)}.dash-loading-state{border:1px solid var(--border-color);text-align:center;color:var(--text-secondary);background:#fff;border-radius:12px;padding:60px 20px;font-size:14px}.dash-error-state{border:1px solid var(--danger-border);text-align:center;color:var(--danger-text);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:40px 20px;display:flex}.dash-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;padding:30px 10px;display:flex}.dash-empty-state span{font-size:24px}.dash-empty-state p{margin:0;font-size:13px}.dash-pay-badge{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.dash-pay-paid{background:var(--success-bg);color:var(--success-text)}.dash-pay-partial{background:var(--warning-bg);color:var(--warning-text)}.dash-pay-unpaid{background:var(--danger-bg);color:var(--danger-text)}.dash-type-chip{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.dash-type-customer{color:#3730a3;background:#eef2ff}.dash-type-supplier{color:#9a3412;background:#fff7ed}.dash-shortage{color:var(--danger-color);font-weight:700}.dash-sort-toggle{align-items:center;gap:6px;display:flex}.dash-sort-toggle button{border:1px solid var(--border-color);background:var(--page-bg);color:#475569;cursor:pointer;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.dash-sort-toggle button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dash-sort-toggle .link-btn{background:0 0;border:none;padding:0 0 0 6px}.dash-stock-value-list{flex-direction:column;gap:12px;display:flex}.dash-stock-value-label{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:13px;display:flex}.dash-stock-value-label span{color:var(--text-secondary);font-weight:500}.dash-stock-value-bar-track{background:var(--page-bg);border-radius:999px;height:8px;overflow:hidden}.dash-stock-value-bar-fill{background:linear-gradient(90deg, var(--primary-color), #3b82f6);border-radius:999px;height:100%}.dash-stock-status-row{gap:12px;display:flex}.dash-stock-status-segment{border:1px solid var(--border-color);cursor:pointer;background:var(--page-bg);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:18px 10px;display:flex}.dash-stock-status-segment strong{font-size:22px}.dash-stock-status-segment span{color:var(--text-secondary);font-size:12px;font-weight:600}.dash-stock-status-in{background:#f0fdf4}.dash-stock-status-in strong{color:var(--success-text)}.dash-stock-status-low{background:#fffbeb}.dash-stock-status-low strong{color:var(--warning-text)}.dash-stock-status-out{background:#fef2f2}.dash-stock-status-out strong{color:var(--danger-color)}.dash-stock-status-segment:hover{filter:brightness(.97)}.dash-stock-status-emoji{color:initial!important;font-size:22px!important;font-weight:400!important}.dash-quick-actions-rail{width:148px;top:calc(82px + var(--space-page));border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);max-height:calc(100vh - 82px - (2 * var(--space-page)));background:#fff;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 12px;display:flex;position:sticky;overflow-y:auto}.dash-quick-actions-rail .dash-panel-header{padding-bottom:8px}.dash-quick-actions-rail .dash-panel-header h3{font-size:13px}.dash-quick-actions-rail-list{flex-direction:column;gap:10px;display:flex}.dash-quick-action{border:1px solid var(--border-color);background:var(--page-bg);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:center;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-size:11px;font-weight:600;line-height:1.3;display:flex}.dash-quick-action span{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;box-shadow:0 3px 8px -2px #0f172a40}.dash-quick-action:hover{border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px -2px #0f172a2e}.dash-quick-action span.dash-qa-sales{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 3px 8px -2px #05966980}.dash-quick-action span.dash-qa-purchase{background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:0 3px 8px -2px #ea580c80}.dash-quick-action span.dash-qa-book{background:linear-gradient(135deg,#818cf8,#4f46e5);box-shadow:0 3px 8px -2px #4f46e580}.dash-quick-action span.dash-qa-import{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 3px 8px -2px #0284c780}.dash-quick-action span.dash-qa-stock{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 3px 8px -2px #7c3aed80}.dash-quick-action span.dash-qa-payment{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 3px 8px -2px #d9770680}.dash-quick-action span.dash-qa-supplier-payment{background:linear-gradient(135deg,#f472b6,#db2777);box-shadow:0 3px 8px -2px #db277780}.dash-quick-action span.dash-qa-reconciliation{background:linear-gradient(135deg,#22d3ee,#0891b2);box-shadow:0 3px 8px -2px #0891b280}.dash-quick-action-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dash-quick-action-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 35%, transparent)}.dash-quick-action-primary span{box-shadow:none!important;background:#ffffff40!important}@media (width<=1100px){.dash-cards-grid{grid-template-columns:1fr 1fr}.dash-panels-grid{grid-template-columns:1fr}.dashboard-page-layout{flex-direction:column}.dash-quick-actions-rail{order:2;width:100%;max-height:none;position:static}.dash-quick-actions-rail-list{flex-flow:wrap}.dash-quick-actions-rail-list .dash-quick-action{flex:100px}}@media (width<=640px){.dash-cards-grid{grid-template-columns:1fr}}.modal-card.import-modal-card{flex-direction:column;width:min(97vw,1680px);max-width:97vw;max-height:90vh;display:flex}.import-modal-body{flex:1;padding:20px;overflow-y:auto}.import-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.import-step-idle p{color:#475569;margin-bottom:16px;font-size:13px}.import-idle-actions{gap:12px;display:flex}.import-summary-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.import-summary-card{background:var(--page-bg);border:1px solid var(--border-color);text-align:center;border-radius:10px;padding:12px}.import-summary-card span{color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.import-summary-card strong{font-size:20px}.import-summary-new strong{color:#15803d}.import-summary-update strong{color:#1d4ed8}.import-summary-skip strong{color:var(--warning-text)}.import-summary-error strong{color:var(--danger-color)}.import-summary-warning strong{color:var(--warning-text)}.import-duplicate-options{border:1px solid var(--warning-border);background:#fffbeb;border-radius:10px;margin-bottom:16px;padding:12px 16px}.import-duplicate-options p{margin:0 0 10px;font-size:13px}.import-duplicate-buttons{gap:10px;display:flex}.import-preview-table-wrapper{border:1px solid var(--border-color);border-radius:10px;overflow-x:auto}.import-preview-table{border-collapse:collapse;width:100%;font-size:12.5px}.import-preview-table thead th{background:var(--page-bg);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:8px 10px}.import-preview-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:8px 10px}.import-will-create{color:#15803d;font-size:11px;font-weight:600}.import-action-badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.import-action-new,.import-action-ready{background:var(--success-bg);color:#15803d}.import-action-update{color:#1d4ed8;background:#dbeafe}.import-action-duplicate{background:var(--warning-bg);color:var(--warning-text)}.import-action-skip{background:var(--border-color);color:#475569}.import-action-error{background:var(--danger-bg);color:var(--danger-color)}.import-errors-cell{color:var(--danger-color);max-width:280px;white-space:normal!important}.import-warning-text{color:var(--warning-text);display:block}.import-result{text-align:center;padding:30px 0}.import-result-icon{margin-bottom:10px;font-size:40px}.import-result p{color:#475569;font-size:14px}.sortable-header{-webkit-user-select:none;user-select:none;cursor:pointer}.sortable-header:hover{color:var(--primary-color)}.sortable-header-arrow{opacity:.4;margin-left:5px;font-size:10px}.sortable-header-arrow-active{opacity:1;color:var(--primary-color)}.shared-pagination{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13px;display:flex}.shared-pagination-info{white-space:nowrap}.shared-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.shared-pagination-controls label{white-space:nowrap;align-items:center;gap:6px;display:flex}.shared-pagination-controls select{border:1px solid var(--border-color);border-radius:6px;padding:6px 8px;font-size:13px}.books-master{flex-direction:column;gap:18px;display:flex}.books-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.books-header h2{margin:0;font-size:20px}.books-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.books-header-actions{flex-shrink:0;gap:10px;display:flex}.books-header-actions button{white-space:nowrap}.books-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 20px;display:grid}.books-search-bar input{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.books-filter-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;align-items:center;gap:18px;padding:14px 20px;display:flex}.books-filter-bar select{border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:13px}.checkbox-filter{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.books-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.books-table{border-collapse:collapse;width:100%;font-size:13px}.books-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.books-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.books-table tbody tr:hover{background:var(--page-bg)}.stock-low{color:var(--danger-color);font-weight:700}.link-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.books-checkbox-col{width:36px;text-align:center!important}.books-row-dirty{background:var(--warning-bg,#fff8e1)}.books-inline-input{border:1px solid var(--border-color);background:#fff;border-radius:6px;width:100%;min-width:90px;padding:6px 8px;font-size:13px}.books-inline-input-wide{min-width:220px}.books-inline-input-num{text-align:right;width:64px;min-width:0}.books-inline-input:focus{border-color:var(--primary-color);outline:none}.modal-card.book-form-modal-card{max-width:min(94vw,980px)}.book-form{padding:20px 25px 25px}.book-form fieldset{border:none;margin:0;padding:0}.form-alert-info{color:#1e40af;background:#dbeafe}@media (width<=768px){.books-search-bar{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}.invoice-print-root{color:#111827;box-sizing:border-box;background:#fff;margin:0 auto;font-family:Arial,Helvetica,sans-serif;line-height:1.45;position:relative}.ip-payment-stamp-row{justify-content:center;padding:10px 0 0;display:flex}.ip-payment-stamp{letter-spacing:1px;text-transform:uppercase;color:#1e3a8a;opacity:.8;border:2px solid #1e3a8a;border-radius:8px;padding:4px 16px;font-size:15px;font-weight:800;display:inline-block;transform:rotate(-6deg)}.invoice-print-root--a5{width:148mm;min-height:210mm;padding:10mm 8mm;font-size:10.5px}.invoice-print-root--a4{width:210mm;min-height:297mm;padding:15mm 16mm;font-size:12px}.ip-header{border-bottom:2px solid #1e3a8a;align-items:flex-start;gap:10px;margin-bottom:10px;padding-bottom:8px;display:flex}.ip-header.align-center{text-align:center;flex-direction:column;align-items:center}.ip-header.align-right{text-align:right;flex-direction:row-reverse}.ip-logo-img{object-fit:contain;flex-shrink:0;max-width:60px;max-height:60px}.ip-company-block h2{color:#1e3a8a;margin:0 0 2px;font-size:15px}.ip-company-block p{color:#374151;margin:0;font-size:9.5px}.ip-doc-title{text-align:center;margin:6px 0 10px}.ip-doc-title h1{letter-spacing:.06em;text-transform:uppercase;color:#1e3a8a;margin:0;font-size:14px}.ip-header-text{text-align:center;color:#64748b;margin:0 0 8px;font-size:9.5px}.ip-compact-info{margin-bottom:10px;font-size:10px}.ip-compact-line{border-bottom:1px solid #e2e8f0;gap:24px;padding:3px 0;display:flex}.ip-compact-line strong{color:#64748b;font-weight:600}.ip-compact-push-right{margin-left:auto}.ip-info-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;font-size:9.5px;display:grid}.ip-info-box{border:1px solid #e2e8f0;border-radius:4px;padding:6px 8px}.ip-info-box h4{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin:0 0 4px;font-size:9px}.ip-info-row{justify-content:space-between;padding:1px 0;display:flex}.ip-info-row span:first-child{color:#64748b}.ip-info-row span:last-child{text-align:right;font-weight:600}.ip-status-badge{border-radius:999px;padding:1px 7px;font-size:8.5px;font-weight:700;display:inline-block}.ip-status-open,.ip-status-posted,.ip-status-closed,.ip-status-paid{color:#166534;background:#dcfce7}.ip-status-draft,.ip-status-partial,.ip-status-partially_returned,.ip-status-partially_converted{color:#92400e;background:#fef3c7}.ip-status-cancelled,.ip-status-unpaid{color:#991b1b;background:#fee2e2}.ip-items-table{table-layout:fixed;border-collapse:collapse;width:100%;margin-bottom:10px;font-size:9px}.ip-items-table th{text-align:left;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 5px;font-size:8.5px}.ip-items-table td{vertical-align:top;word-break:break-word;overflow-wrap:break-word;border:1px solid #e2e8f0;padding:4px 5px}.ip-items-table td.num,.ip-items-table th.num{text-align:right;white-space:nowrap;font-weight:600}.ip-book-name-cell{white-space:normal}.ip-totals{width:60mm;margin-bottom:10px;margin-left:auto;font-size:9.5px}.ip-totals-row{justify-content:space-between;padding:2px 0;display:flex}.ip-totals-row.grand{color:#1e3a8a;border-top:1px solid #1e3a8a;margin-top:3px;padding-top:4px;font-size:11px;font-weight:700}.ip-totals-row.outstanding{color:#b91c1c;font-weight:700}.ip-payments{border:1px solid #e2e8f0;border-radius:4px;margin-bottom:10px;padding:6px 8px;font-size:9.5px}.ip-payments h4{text-transform:uppercase;color:#64748b;margin:0 0 4px;font-size:9px}.ip-payments-row{justify-content:space-between;padding:1px 0;display:flex}.ip-payments-total{border-top:1px solid #e2e8f0;margin-top:3px;padding-top:3px;font-weight:700}.ip-footer{color:#374151;border-top:1px solid #e2e8f0;margin-top:auto;padding-top:8px;font-size:9px}.ip-footer.align-center{text-align:center}.ip-footer.align-right{text-align:right}.ip-footer p{margin:2px 0}.ip-footer .ip-thank-you{color:#1e3a8a;font-weight:700}.ip-signature-line{justify-content:flex-end;margin-top:22px;display:flex}.ip-signature-line span{text-align:center;border-top:1px solid #374151;width:45mm;padding-top:3px;font-size:9px}.ip-system-note{color:#94a3b8;text-align:center;margin-top:8px;font-size:7.5px}.invoice-print-root--a4 .ip-company-block h2{font-size:19px}.invoice-print-root--a4 .ip-company-block p{font-size:11px}.invoice-print-root--a4 .ip-doc-title h1{font-size:18px}.invoice-print-root--a4 .ip-header-text{font-size:11px}.invoice-print-root--a4 .ip-logo-img{max-width:80px;max-height:80px}.invoice-print-root--a4 .ip-compact-info{margin-bottom:14px;font-size:12px}.invoice-print-root--a4 .ip-info-grid{gap:14px;margin-bottom:14px;font-size:11px}.invoice-print-root--a4 .ip-info-box{padding:8px 12px}.invoice-print-root--a4 .ip-info-box h4{font-size:10px}.invoice-print-root--a4 .ip-status-badge{font-size:9.5px}.invoice-print-root--a4 .ip-items-table{margin-bottom:14px;font-size:11px}.invoice-print-root--a4 .ip-items-table th{padding:6px 8px;font-size:10px}.invoice-print-root--a4 .ip-items-table td{padding:6px 8px}.invoice-print-root--a4 .ip-items-table td.num,.invoice-print-root--a4 .ip-items-table th.num{padding-left:5px;padding-right:5px}.invoice-print-root--a4 .ip-totals{width:78mm;margin-bottom:14px;font-size:11px}.invoice-print-root--a4 .ip-totals-row.grand{font-size:13px}.invoice-print-root--a4 .ip-payments{padding:8px 12px;font-size:11px}.invoice-print-root--a4 .ip-payments h4{font-size:10px}.invoice-print-root--a4 .ip-footer{font-size:10.5px}.invoice-print-root--a4 .ip-signature-line span{width:55mm;font-size:10.5px}.invoice-print-root--a4 .ip-system-note{font-size:8.5px}.ip-items-table thead{display:table-header-group}.ip-items-table tr,.ip-totals,.ip-payments,.ip-footer,.ip-info-grid{page-break-inside:avoid;break-inside:avoid}@media print{@page{margin:10mm}@page a4invoice{margin:15mm}@page a5invoice{margin:8mm}.invoice-print-root--a4{page:a4invoice}.invoice-print-root--a5{page:a5invoice}:where(body:has(.invoice-print-root)) *{visibility:hidden}:where(body:has(.invoice-print-root)) .erp-layout{height:0;min-height:0;overflow:hidden}.invoice-print-root,.invoice-print-root *{visibility:visible}.invoice-print-root{width:100%;min-height:0;box-shadow:none;margin:0;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}.pp-modal-overlay,.pp-modal-card,.pp-modal-body{height:auto!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.pp-modal-toolbar{display:none!important}}.pp-modal-overlay{z-index:2000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pp-modal-card{background:#e2e8f0;border-radius:12px;flex-direction:column;width:100%;max-width:880px;max-height:92vh;display:flex;box-shadow:0 20px 60px #0000004d}.pp-modal-toolbar{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pp-modal-toolbar h2{margin:0;font-size:15px}.pp-modal-actions{flex-wrap:wrap;gap:8px;display:flex}.pp-stamp-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:14px;display:inline-flex}.pp-column-picker{border-radius:0;flex-wrap:wrap;justify-content:flex-start;gap:8px 16px;padding:10px 18px}.pp-whatsapp-btn{background:#25d366;border-color:#25d366}.pp-whatsapp-btn:hover{background:#1ebd5a}.pp-modal-body{justify-content:center;padding:20px;display:flex;overflow-y:auto}.pp-page-shadow{box-shadow:0 4px 20px #00000026}.reports-page{flex-direction:column;gap:18px;display:flex}.reports-back-link{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;font-weight:700}.reports-back-link:hover{text-decoration:underline}.reports-menu-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.reports-menu-header h2{margin:0;font-size:20px}.reports-menu-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.reports-categories-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.reports-category-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:18px 20px}.reports-category-title{color:#111827;align-items:center;gap:10px;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.reports-category-items{flex-direction:column;gap:2px;display:flex}.reports-item-btn{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.reports-item-btn:hover{background:var(--page-bg);color:var(--primary-color)}.reports-item-btn span{color:var(--text-secondary)}.report-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.report-print-only{display:none}.report-period-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-period-chip{border:1px solid var(--border-color);background:var(--page-bg);color:#475569;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}.report-period-chip:hover{background:#eef2ff}.report-period-custom{align-items:center;gap:6px;margin-left:6px;display:flex}.report-period-custom input{border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;font-size:12px}.report-period-custom span{color:var(--text-secondary);font-size:11px}.report-field{flex-direction:column;gap:4px;display:flex}.report-field label{color:var(--text-secondary);font-size:11px;font-weight:600}.report-field input,.report-field select{border:1px solid var(--border-color);border-radius:8px;min-width:150px;padding:8px 10px;font-size:12px}.report-book-search-results{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:8px;max-height:220px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.report-book-search-item{border:none;border-bottom:1px solid var(--page-bg);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12px;display:flex}.report-book-search-item:hover,.report-book-search-item-active{background:var(--page-bg)}.report-book-search-item-active{box-shadow:inset 3px 0 0 var(--primary-color)}.report-book-search-item-meta{color:var(--text-secondary);white-space:nowrap;font-size:11px}.report-table-row-clickable{cursor:pointer}.report-table-row-clickable:hover{background:#eef2ff!important}.report-table tfoot td{border-top:2px solid var(--border-color);background:var(--page-bg);padding:10px 12px;font-weight:700}.report-empty-state{flex-direction:column;align-items:center;gap:8px;display:flex}.report-empty-state span{font-size:22px}.report-error-state{border:1px solid var(--danger-border);text-align:center;color:var(--danger-text);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}@media (width<=1000px){.reports-categories-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.reports-back-link,.report-header-actions,.report-filters-bar,.report-pagination{display:none!important}.report-print-only{margin-bottom:14px;display:block!important}.report-print-only h1{margin:0;font-size:18px}.report-print-only h2{margin:4px 0;font-size:15px}.report-print-only p{color:#333;margin:2px 0;font-size:12px}body,.main-content,.content-area{background:#fff!important}.report-table-wrapper,.report-summary-cards{box-shadow:none!important;border:none!important}}.authors-master{flex-direction:column;gap:18px;display:flex}.authors-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.authors-header h2{margin:0;font-size:20px}.authors-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.authors-header-actions{flex-shrink:0;gap:10px;display:flex}.authors-header-actions button{white-space:nowrap}.authors-checkbox-col{width:36px;text-align:center!important}.authors-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.authors-search-bar input,.authors-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.authors-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.authors-table{border-collapse:collapse;width:100%;font-size:13px}.authors-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.authors-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.authors-table tbody tr:hover{background:var(--page-bg)}.modal-card.authors-modal-card{max-width:min(94vw,640px)}.author-form{padding:20px 25px 25px}.author-form fieldset{border:none;margin:0;padding:0}@media (width<=768px){.authors-search-bar,.form-grid{grid-template-columns:1fr}}.form-hint{color:var(--text-secondary);max-width:520px;margin:-6px 0 12px;font-size:12px}.publishers-master{flex-direction:column;gap:18px;display:flex}.publishers-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.publishers-header h2{margin:0;font-size:20px}.publishers-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.publishers-header-actions{flex-shrink:0;gap:10px;display:flex}.publishers-header-actions button{white-space:nowrap}.publishers-checkbox-col{width:36px;text-align:center!important}.publishers-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.publishers-search-bar input,.publishers-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.publishers-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.publishers-table{border-collapse:collapse;width:100%;font-size:13px}.publishers-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.publishers-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.publishers-table tbody tr:hover{background:var(--page-bg)}.modal-card.publishers-modal-card{max-width:min(94vw,640px)}.publisher-form{padding:20px 25px 25px}.publisher-form fieldset{border:none;margin:0;padding:0}@media (width<=768px){.publishers-search-bar,.form-grid{grid-template-columns:1fr}}.categories-master{flex-direction:column;gap:18px;display:flex}.categories-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.categories-header h2{margin:0;font-size:20px}.categories-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.categories-header-actions{flex-shrink:0;gap:10px;display:flex}.categories-header-actions button{white-space:nowrap}.categories-checkbox-col{width:36px;text-align:center!important}.categories-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.categories-search-bar input,.categories-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.categories-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.categories-table{border-collapse:collapse;width:100%;font-size:13px}.categories-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.categories-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.categories-table tbody tr:hover{background:var(--page-bg)}.modal-card.categories-modal-card{max-width:min(94vw,640px)}.category-form{padding:20px 25px 25px}.category-form fieldset{border:none;margin:0;padding:0}@media (width<=768px){.categories-search-bar,.form-grid{grid-template-columns:1fr}}.booksets-master{flex-direction:column;gap:18px;display:flex}.booksets-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.booksets-header h2{margin:0;font-size:20px}.booksets-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.booksets-header-actions{flex-shrink:0;gap:10px;display:flex}.booksets-header-actions button{white-space:nowrap}.booksets-checkbox-col{width:36px;text-align:center!important}.booksets-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.booksets-search-bar input,.booksets-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.booksets-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.booksets-table{border-collapse:collapse;width:100%;font-size:13px}.booksets-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.booksets-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.booksets-table tbody tr:hover{background:var(--page-bg)}.modal-card.booksets-modal-card{max-width:min(94vw,760px)}.bookset-form{padding:20px 25px 25px}.bookset-form fieldset{border:none;margin:0;padding:0}.bookset-search-box{position:relative}.bookset-search-box input{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:9px 12px;font-size:13px}.bookset-search-results{border:1px solid var(--border-color);z-index:10;background:#fff;border-radius:8px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.bookset-search-item{border:none;border-bottom:1px solid var(--page-bg);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;display:flex}.bookset-search-item:hover,.bookset-search-item-active{background:var(--page-bg)}.bookset-search-item-active{box-shadow:inset 3px 0 0 var(--primary-color)}.bookset-search-item-meta{color:var(--text-secondary);white-space:nowrap;font-size:12px}.bookset-search-empty{color:var(--text-secondary);padding:10px 12px;font-size:13px}.bookset-items-table-wrapper{border:1px solid var(--border-color);border-radius:8px;margin-top:10px;overflow-x:auto}.bookset-items-table{border-collapse:collapse;width:100%;font-size:13px}.bookset-items-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:9px 12px;font-weight:600}.bookset-items-table tbody td{border-bottom:1px solid var(--page-bg);padding:8px 12px}.bookset-empty-row{text-align:center;color:var(--text-secondary);padding:18px}.bookset-qty-input{border:1px solid var(--border-color);border-radius:6px;width:70px;padding:6px 8px;font-size:13px}@media (width<=768px){.booksets-search-bar,.form-grid{grid-template-columns:1fr}}.warehouses-master{flex-direction:column;gap:18px;display:flex}.warehouses-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.warehouses-header h2{margin:0;font-size:20px}.warehouses-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.warehouses-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.warehouses-search-bar input,.warehouses-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.warehouses-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.warehouses-table{border-collapse:collapse;width:100%;font-size:13px}.warehouses-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.warehouses-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.warehouses-table tbody tr:hover{background:var(--page-bg)}.modal-card.warehouses-modal-card{max-width:min(94vw,680px)}.warehouses-header-actions{flex-shrink:0;gap:10px;display:flex}.warehouses-header-actions button{white-space:nowrap}.warehouses-checkbox-col{width:36px;text-align:center!important}.warehouse-form{padding:20px 25px 25px}.warehouse-form fieldset{border:none;margin:0;padding:0}.form-field input:disabled,.form-field textarea:disabled{background:var(--page-bg);color:var(--text-secondary)}@media (width<=768px){.warehouses-search-bar,.form-grid{grid-template-columns:1fr}}.users-master{flex-direction:column;gap:18px;display:flex}.users-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.users-header h2{margin:0;font-size:20px}.users-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.users-header-actions{flex-shrink:0;gap:10px;display:flex}.users-header-actions button{white-space:nowrap}.users-checkbox-col{width:36px;text-align:center!important}.users-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.users-search-bar input,.users-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.users-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:13px}.users-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.users-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.users-table tbody tr:hover{background:var(--page-bg)}.role-badge{color:#3730a3;text-transform:capitalize;background:#e0e7ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.link-btn{color:var(--primary-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.modal-card.users-modal-card{max-width:min(94vw,720px)}.user-form{padding:20px 25px 25px}.user-form fieldset{border:none;margin:0;padding:0}.field-hint{color:var(--text-secondary);font-size:11px}@media (width<=768px){.users-search-bar,.form-grid{grid-template-columns:1fr}}.profile-main,.profile-side{flex-direction:column;gap:18px;display:flex}@media (width<=900px){.profile-grid,.form-grid{grid-template-columns:1fr}}.general-settings{flex-direction:column;gap:18px;max-width:900px;display:flex}.gs-banner{border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600}.gs-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:18px;padding:20px 25px}.gs-card h3{color:var(--text-primary);margin:0 0 16px;font-size:15px}.form-field{flex-direction:column;justify-content:center;gap:6px;display:flex}.gs-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=700px){.form-grid{grid-template-columns:1fr}}.numbering-master{flex-direction:column;gap:18px;display:flex}.numbering-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.numbering-header h2{margin:0;font-size:20px}.numbering-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.numbering-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.numbering-table{border-collapse:collapse;width:100%;font-size:13px}.numbering-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.numbering-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.numbering-table tbody tr:hover{background:var(--page-bg)}.format-cell{color:var(--text-secondary);font-family:Courier New,monospace}.preview-cell{color:var(--primary-color);font-family:Courier New,monospace;font-weight:600}.modal-card.numbering-modal-card{max-width:min(94vw,760px)}.numbering-form{padding:20px 25px 25px}.form-field input,.form-field select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px}.format-builder{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.builder-btn{color:#3730a3;cursor:pointer;background:#eef2ff;border:1px solid #e0e7ff;border-radius:6px;padding:6px 10px;font-family:Courier New,monospace;font-size:12px;font-weight:600}.builder-btn:hover{background:#e0e7ff}.preview-box{background:var(--page-bg);text-align:center;border:1px dashed #cbd5e1;border-radius:8px;padding:14px 16px}.preview-number{color:var(--primary-color);letter-spacing:.02em;font-family:Courier New,monospace;font-size:18px;font-weight:700}.preview-invalid{color:var(--text-secondary);font-size:13px}@media (width<=700px){.form-grid{grid-template-columns:1fr}}.settings-group-tabs{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:18px;padding:6px;display:flex}.settings-group-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600}.settings-group-tab:hover{background:var(--page-bg)}.settings-group-tab.active{background:var(--primary-color);color:#fff}.purchase-invoices{flex-direction:column;gap:18px;display:flex}.pi-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.pi-header h2{margin:0;font-size:20px}.pi-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.pi-header-actions button{white-space:nowrap}.pi-checkbox-col{width:36px;text-align:center!important}.pi-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.pi-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.pi-search-bar input,.pi-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.pi-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.pi-table{border-collapse:collapse;width:100%;font-size:13px}.pi-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.pi-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.pi-table tbody tr:hover{background:var(--page-bg)}.link-btn:disabled{color:#cbd5e1;cursor:not-allowed;text-decoration:none}.pi-form-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:25px}.pi-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.pi-form-header h2{margin:0;font-size:18px}.pi-number-hint{color:var(--text-secondary);font-size:12px;font-style:italic}.pi-items-section{margin-bottom:20px}.pi-items-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.pi-items-header h3{color:var(--text-primary);white-space:nowrap;margin:0;font-size:14px}.book-search-box input{box-sizing:border-box;border:1px solid var(--border-color);border-radius:8px;width:100%;padding:9px 12px;font-size:13px}.book-search-results{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:8px;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.book-search-item{text-align:left;border:none;border-bottom:1px solid var(--page-bg);cursor:pointer;background:0 0;flex-direction:column;width:100%;padding:8px 12px;display:flex}.book-search-item:last-child{border-bottom:none}.book-search-item:hover:not(.disabled),.book-search-item-active:not(.disabled){background:var(--page-bg)}.book-search-item-active:not(.disabled){box-shadow:inset 3px 0 0 var(--primary-color)}.book-search-item.disabled{opacity:.5;cursor:not-allowed}.book-search-name{color:var(--text-primary);font-size:13px;font-weight:600}.book-search-meta{color:var(--text-secondary);font-size:11px}.pi-empty-row{text-align:center;color:var(--text-secondary);padding:24px}.pi-view-meta{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.pi-view-meta div{flex-direction:column;gap:4px;display:flex}.pi-view-meta span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.pi-view-notes{margin-bottom:20px}.pi-view-notes span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.pi-view-notes p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}@media (width<=900px){.form-grid,.pi-view-meta{grid-template-columns:1fr}}.po-status-open{color:#1e40af;background:#dbeafe}.po-status-partially_received{background:var(--warning-bg);color:var(--warning-text)}.po-status-received{background:var(--success-bg);color:var(--success-text)}.po-status-cancelled{background:var(--danger-bg);color:var(--danger-text)}.po-remaining-cell{color:var(--warning-text);font-weight:700}.po-receipts-section{margin-top:24px}.po-receipts-section h3{margin:0 0 12px;font-size:15px}.modal-card.po-receive-modal-card{max-width:min(96vw,980px)}.po-receive-form{padding:20px 25px 25px}.purchase-returns{flex-direction:column;gap:18px;display:flex}.pr-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.pr-header h2{margin:0;font-size:20px}.pr-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.pr-header-actions button{white-space:nowrap}.pr-checkbox-col{width:36px;text-align:center!important}.pr-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.pr-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.pr-search-bar input,.pr-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.pr-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.pr-table{border-collapse:collapse;width:100%;font-size:13px}.pr-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.pr-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.pr-table tbody tr:hover{background:var(--page-bg)}.pr-form-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:25px}.pr-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.pr-form-header h2{margin:0;font-size:18px}.pr-number-hint{color:var(--text-secondary);font-size:12px;font-style:italic}.pr-invoice-search{position:relative}.pr-invoice-search input{box-sizing:border-box;border:1px solid var(--border-color);border-radius:8px;width:100%;padding:9px 12px;font-size:13px}.pr-invoice-results{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:8px;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.pr-invoice-item{text-align:left;border:none;border-bottom:1px solid var(--page-bg);cursor:pointer;background:0 0;flex-direction:column;width:100%;padding:8px 12px;display:flex}.pr-invoice-item:last-child{border-bottom:none}.pr-invoice-item:hover{background:var(--page-bg)}.pr-invoice-number{color:var(--text-primary);font-size:13px;font-weight:600}.pr-invoice-meta{color:var(--text-secondary);font-size:11px}.pr-invoice-empty{color:var(--text-secondary);text-align:center;padding:12px;font-size:12px}.pr-selected-invoice{border:1px solid var(--border-color);background:var(--page-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pr-selected-invoice div{flex-direction:column;display:flex}.pr-selected-invoice span{color:var(--text-secondary);font-size:11px}.pi-items-table-wrapper{border:1px solid var(--border-color);border-radius:10px;margin-bottom:20px;overflow-x:auto}.pi-items-table{border-collapse:collapse;width:100%;font-size:13px}.pi-items-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-weight:600}.pi-items-table tbody td{border-bottom:1px solid var(--page-bg);padding:8px 12px}.pi-book-cell{flex-direction:column;display:flex}.pi-book-cell span{color:var(--text-secondary);font-size:11px}.pi-num-input{border:1px solid var(--border-color);border-radius:6px;width:90px;padding:6px 8px;font-size:13px}.pi-line-total{color:var(--primary-color);font-weight:700}.pi-totals{flex-direction:column;gap:6px;max-width:320px;margin-bottom:20px;margin-left:auto;display:flex}.pi-totals-row{color:var(--text-secondary);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.pi-grand-total{border-top:1px solid var(--border-color);color:var(--primary-color);padding-top:10px;font-size:16px;font-weight:700}.pi-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.pi-readonly-notice{background:var(--page-bg);color:#475569;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:12px}.pr-view-meta{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.pr-view-meta div{flex-direction:column;gap:4px;display:flex}.pr-view-meta span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.pr-view-notes{margin-bottom:20px}.pr-view-notes span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.pr-view-notes p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}@media (width<=900px){.form-grid,.pr-view-meta{grid-template-columns:1fr}}.supplier-ledger{flex-direction:column;gap:18px;display:flex}.sl-filter-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.sl-filter-card h2{margin:0 0 16px;font-size:20px}.sl-filter-form{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;display:grid}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;height:38px;padding:10px 20px;font-size:14px;font-weight:600}.sl-result-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.sl-supplier-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.sl-supplier-header h3{margin:0;font-size:16px}.sl-supplier-header p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.sl-opening,.sl-closing{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.sl-opening span,.sl-closing span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.sl-opening strong,.sl-closing strong{color:var(--primary-color);font-size:16px}.sl-closing{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.sl-table-wrapper{border:1px solid var(--border-color);border-radius:10px;overflow-x:auto}.sl-table{border-collapse:collapse;width:100%;font-size:13px}.sl-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-weight:600}.sl-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:10px 12px}.sl-opening-row{background:var(--page-bg);font-weight:600}.sl-empty-row{text-align:center;color:var(--text-secondary);padding:24px}@media (width<=800px){.sl-filter-form{grid-template-columns:1fr}}.supplier-payments{flex-direction:column;gap:18px;display:flex}.sp-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.sp-header h2{margin:0;font-size:20px}.sp-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.sp-header-actions button{white-space:nowrap}.sp-checkbox-col{width:36px;text-align:center!important}.sp-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.sp-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.sp-search-bar input,.sp-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.sp-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.sp-table{border-collapse:collapse;width:100%;font-size:13px}.sp-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.sp-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.sp-table tbody tr:hover{background:var(--page-bg)}.sp-form-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:25px}.sp-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.sp-form-header h2{margin:0;font-size:18px}.sp-number-hint{color:var(--text-secondary);font-size:12px;font-style:italic}.sp-allocation-section{margin-bottom:20px}.sp-allocation-section h3,.sp-alloc-heading{color:var(--text-primary);margin:0 0 12px;font-size:14px}.sp-alloc-table-wrapper{border:1px solid var(--border-color);border-radius:10px;margin-bottom:14px;overflow-x:auto}.sp-alloc-table{border-collapse:collapse;width:100%;font-size:13px}.sp-alloc-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:10px 12px;font-weight:600}.sp-alloc-table tbody td{border-bottom:1px solid var(--page-bg);padding:8px 12px}.sp-num-input{border:1px solid var(--border-color);border-radius:6px;width:120px;padding:6px 8px;font-size:13px}.sp-alloc-summary{background:var(--page-bg);border-radius:8px;gap:24px;padding:12px 16px;display:flex}.sp-alloc-summary div{flex-direction:column;gap:2px;display:flex}.sp-alloc-summary span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.sp-alloc-summary strong{color:var(--primary-color);font-size:14px}.sp-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.sp-view-meta{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.sp-view-meta div{flex-direction:column;gap:4px;display:flex}.sp-view-meta span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.sp-view-notes{margin-bottom:20px}.sp-view-notes span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.sp-view-notes p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.sp-readonly-notice{background:var(--page-bg);color:#475569;border-radius:8px;margin:16px 0;padding:12px 16px;font-size:12px}@media (width<=900px){.form-grid,.sp-view-meta{grid-template-columns:1fr}}.customers-master{flex-direction:column;gap:18px;display:flex}.customers-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.customers-header h2{margin:0;font-size:20px}.customers-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.customers-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr auto;gap:12px;padding:16px 20px;display:grid}.customers-search-bar input,.customers-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.customers-count{color:var(--text-secondary);margin:-8px 4px 0;font-size:12px}.customers-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.customers-table{border-collapse:collapse;width:100%;font-size:13px}.customers-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.customers-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.customers-table tbody tr:hover{background:var(--page-bg)}.modal-card.customers-modal-card{max-width:min(94vw,900px)}.customer-form{padding:20px 25px 25px}.customer-form fieldset{border:none;margin:0;padding:0}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-color);resize:vertical;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px}@media (width<=768px){.customers-search-bar,.form-grid{grid-template-columns:1fr}}.si-header{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.si-header h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.si-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.si-header-actions button{white-space:nowrap}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 2px 6px color-mix(in srgb, var(--primary-color) 30%, transparent)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--page-bg);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.si-checkbox-col{width:36px;text-align:center!important}.status-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-block}.status-pending{background:var(--warning-bg);color:var(--warning-text)}.status-approved{background:var(--success-bg);color:var(--success-text)}.status-rejected{background:var(--danger-bg);color:var(--danger-text)}.status-payment-paid{background:var(--success-bg);color:var(--success-text)}.status-payment-partial{background:var(--warning-bg);color:var(--warning-text)}.status-payment-unpaid{background:var(--danger-bg);color:var(--danger-text)}.si-danger-link{color:var(--danger-text)}.si-form-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;padding:20px 25px 25px}.si-form-header h2{margin:0;font-size:18px;font-weight:700}.si-success-banner{background:var(--success-bg);border:1px solid var(--success-color);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;display:flex}.si-success-banner-text{align-items:center;gap:12px;display:flex}.si-success-banner-icon{font-size:26px;line-height:1}.si-success-banner-text strong{color:var(--success-text);font-size:15px;display:block}.si-success-banner-text span{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}.si-success-banner-actions{flex-wrap:wrap;gap:10px;display:flex}.si-print-invoice-btn{box-shadow:0 1px 2px color-mix(in srgb, var(--primary-color) 25%, transparent);padding:11px 20px;font-size:14px}.si-customer-hint{color:var(--text-secondary);font-size:11px}.si-bookset-picker{flex-shrink:0;align-items:center;gap:8px;display:flex}.si-bookset-picker select{border:1px solid var(--border-color);border-radius:8px;max-width:220px;padding:9px 12px;font-size:13px}.si-bookset-discount-input{border:1px solid var(--border-color);border-radius:8px;width:90px;padding:9px 10px;font-size:13px}.si-set-tag{color:var(--primary-color);margin-top:2px;font-size:11px;font-weight:600;display:block}.si-bookset-picker button{white-space:nowrap}.si-line-total{color:#111827;font-weight:700}.si-discount-readonly{color:var(--text-secondary);font-variant-numeric:tabular-nums}.si-book-cell{flex-direction:column;display:flex}.si-book-cell span{color:var(--text-secondary);font-size:11px}.si-bottom-grid{grid-template-columns:1.6fr 1fr;gap:24px;margin-top:20px;display:grid}.si-totals{background:var(--page-bg);border:1px solid var(--border-color);border-radius:10px;align-self:flex-start;padding:16px 18px}.si-totals-row{color:var(--text-secondary);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.si-grand-total{border-top:1px solid var(--border-color);color:#111827;margin-top:6px;padding-top:10px;font-size:15px;font-weight:700}.si-balance{color:var(--danger-color);font-weight:700}.si-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}@media (width<=1100px){.si-filters-bar,.si-top-grid{grid-template-columns:1fr 1fr}.si-bottom-grid{grid-template-columns:1fr}.si-view-meta{grid-template-columns:1fr 1fr}}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.si-payments-section{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.si-payments-header{justify-content:space-between;align-items:center;display:flex}.si-payments-header h3{margin:0;font-size:15px}.si-no-payments{color:var(--text-secondary);margin:0;font-size:13px}.si-payment-modal-body{padding:18px 22px 22px}.si-payment-modal-footer{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.sales-returns{flex-direction:column;gap:18px;display:flex}.sret-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.sret-header h2{margin:0;font-size:20px}.sret-checkbox-col{width:36px;text-align:center!important}.sret-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.sret-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.sret-header-actions button{white-space:nowrap}.sret-filters-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1.4fr 1fr 1fr 1fr;gap:10px;padding:16px 20px;display:grid}.sret-filters-bar input,.sret-filters-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 10px;font-size:12px}.sret-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.sret-table{border-collapse:collapse;width:100%;font-size:13px}.sret-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.sret-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.sret-table tbody tr:hover{background:var(--page-bg)}.sret-danger-link{color:var(--danger-text)}.sret-form-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px 25px}.sret-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.sret-form-header h2{margin:0;font-size:18px}.sret-number-hint{color:var(--text-secondary);font-size:12px;font-weight:600}.sret-treatment-hint{color:var(--text-secondary);font-size:11px}.sret-invoice-search{position:relative}.sret-invoice-search input{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:9px 12px;font-size:13px}.sret-invoice-results{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:8px;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.sret-invoice-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--page-bg);background:0 0;flex-direction:column;align-items:flex-start;width:100%;padding:10px 14px;display:flex}.sret-invoice-item:hover{background:var(--page-bg)}.sret-invoice-number{color:#111827;font-size:13px;font-weight:600}.sret-invoice-meta{color:var(--text-secondary);font-size:11px}.sret-invoice-empty{color:var(--text-secondary);text-align:center;padding:14px;font-size:13px}.sret-selected-invoice{border:1px solid var(--border-color);background:var(--page-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sret-selected-invoice div{flex-direction:column;display:flex}.sret-selected-invoice span{color:var(--text-secondary);font-size:11px}.sret-items-table-wrapper{border:1px solid var(--border-color);border-radius:10px;margin-top:18px;overflow-x:auto}.sret-items-table{border-collapse:collapse;width:100%;font-size:13px}.sret-items-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-weight:600}.sret-items-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:8px 12px}.sret-num-input{border:1px solid var(--border-color);border-radius:6px;width:90px;padding:7px 9px;font-size:13px}.sret-type-select{border:1px solid var(--border-color);border-radius:6px;padding:7px 9px;font-size:12px}.sret-line-total{color:#111827;font-weight:700}.sret-book-cell{flex-direction:column;display:flex}.sret-book-cell span{color:var(--text-secondary);font-size:11px}.sret-totals{background:var(--page-bg);border:1px solid var(--border-color);border-radius:10px;align-self:flex-start;max-width:360px;margin-top:18px;margin-left:auto;padding:16px 18px}.sret-totals-row{color:var(--text-secondary);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.sret-grand-total{border-top:1px solid var(--border-color);color:#111827;margin-top:6px;padding-top:10px;font-size:15px;font-weight:700}.sret-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.sret-view-meta{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.sret-view-meta div{flex-direction:column;gap:4px;display:flex}.sret-view-meta span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.sret-view-notes{background:var(--page-bg);border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.sret-view-notes span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.sret-view-notes p{margin:4px 0 0}@media (width<=1100px){.sret-filters-bar,.sret-view-meta{grid-template-columns:1fr 1fr}}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.customer-payments,.customer-receivables,.customer-ledger-page{flex-direction:column;gap:18px;display:flex}.cp-header,.cl-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.cp-header h2,.cl-header h2{margin:0;font-size:20px}.cp-checkbox-col{width:36px;text-align:center!important}.cp-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.cp-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.cp-header-actions button{white-space:nowrap}.cp-embedded-actions{justify-content:flex-end}.cr-tabs{border:1px solid var(--border-color);background:#fff;border-radius:12px;gap:4px;padding:6px;display:flex}.cr-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:600}.cr-tab:hover{background:var(--page-bg)}.cr-tab.active{background:var(--primary-color);color:#fff}.cr-tab-content{flex-direction:column;gap:18px;display:flex}.cp-filters-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1.4fr 1fr 1fr 1fr 1fr;gap:10px;padding:16px 20px;display:grid}.cp-filters-bar input,.cp-filters-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 10px;font-size:12px}.cl-summary-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cl-summary-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.cl-summary-card span{color:var(--text-secondary);font-size:12px}.cl-summary-card strong{color:#111827;font-size:18px}.cl-card-warning strong{color:var(--warning-text)}.cl-card-danger strong{color:var(--danger-color)}.cl-card-good strong{color:var(--success-text)}.cp-table-wrapper,.cl-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.cp-table,.cl-table{border-collapse:collapse;width:100%;font-size:13px}.cp-table thead th,.cl-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.cp-table tbody td,.cl-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.cp-table tbody tr:hover,.cl-table tbody tr:hover{background:var(--page-bg)}.cl-empty-row{text-align:center;color:var(--text-secondary);padding:30px 20px!important}.cl-opening-row{background:var(--page-bg);font-weight:600}.link-btn:disabled{color:var(--text-secondary);cursor:not-allowed}.cp-danger-link{color:var(--danger-text)}.cl-filter-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:18px 20px}.cl-filter-form{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.cl-result-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.cl-supplier-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.cl-supplier-header h3{margin:0;font-size:17px}.cl-supplier-header p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.cl-opening,.cl-closing{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.cl-opening span,.cl-closing span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.cl-closing{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.cs-statement-table td{vertical-align:top}.cs-outstanding-cell{color:var(--danger-color);font-weight:700}.cs-no-payments{color:var(--text-secondary);font-size:12px}.cs-payments-list{color:var(--text-secondary);margin:0;padding-left:16px;font-size:12px}.cs-payments-list li{margin:2px 0}.cs-advance-note{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px;font-size:13px}.cp-form-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px 25px}.cp-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.cp-form-header h2{margin:0;font-size:18px}.cp-number-hint{color:var(--text-secondary);font-size:12px;font-weight:600}.cp-alloc-title-row{justify-content:space-between;align-items:center;display:flex}.cp-alloc-buttons{gap:14px;display:flex}.cp-auto-badge{color:var(--success-text);background:var(--success-bg);text-transform:none;letter-spacing:normal;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600}.cp-alloc-table-wrapper{border:1px solid var(--border-color);border-radius:10px;overflow-x:auto}.cp-alloc-table{border-collapse:collapse;width:100%;font-size:13px}.cp-alloc-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-weight:600}.cp-alloc-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:8px 12px}.cp-num-input{border:1px solid var(--border-color);border-radius:6px;width:110px;padding:7px 9px;font-size:13px}.cp-alloc-summary{background:var(--page-bg);border:1px solid var(--border-color);border-radius:10px;gap:24px;margin-top:14px;padding:14px 18px;display:flex}.cp-alloc-summary div{flex-direction:column;gap:4px;display:flex}.cp-alloc-summary span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.cp-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.modal-card.cp-view-modal-card{max-width:min(94vw,900px)}.cp-view-body{padding:20px 25px 25px}.si-view-notes{background:var(--page-bg);border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.si-view-notes span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.si-view-notes p{margin:4px 0 0}@media (width<=1100px){.cp-filters-bar,.form-grid,.cl-summary-cards,.si-view-meta{grid-template-columns:1fr 1fr}}@media (width<=640px){.form-grid{grid-template-columns:1fr}.cl-filter-form{flex-direction:column;align-items:stretch}}.audit-page{flex-direction:column;gap:18px;display:flex}.audit-quick-filters{gap:8px;display:flex}.audit-quick-chip{border:1px solid var(--border-color);background:var(--page-bg);color:#475569;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}.audit-quick-chip:hover{background:#eef2ff}.audit-quick-chip.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.audit-action-badge{white-space:nowrap;color:#3730a3;background:#eef2ff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.audit-action-CREATE,.audit-action-IMPORT,.audit-action-BACKUP,.audit-action-LOGIN,.audit-action-PAYMENT{background:var(--success-bg);color:var(--success-text)}.audit-action-DELETE,.audit-action-CANCEL,.audit-action-VOID{background:var(--danger-bg);color:var(--danger-text)}.audit-action-UPDATE,.audit-action-STATUS_CHANGE,.audit-action-STOCK_ADJUSTMENT{background:var(--warning-bg);color:var(--warning-text)}.audit-action-LOGOUT,.audit-action-EXPORT{background:var(--border-color);color:#475569}.audit-checkbox-col{width:36px;text-align:center!important}.audit-detail-body{padding:20px 22px 24px}.audit-detail-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;display:grid}.audit-detail-field span{color:var(--text-secondary);margin-bottom:3px;font-size:11px;font-weight:600;display:block}.audit-detail-field strong{color:#111827;word-break:break-word;font-size:13px}.audit-detail-description{background:var(--page-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:13px}.audit-json-section h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;font-size:12px}.audit-json-block{color:var(--border-color);white-space:pre-wrap;word-break:break-word;background:#0f172a;border-radius:8px;margin:0 0 16px;padding:14px;font-family:Consolas,Monaco,monospace;font-size:12px;overflow-x:auto}.audit-json-empty{color:var(--text-secondary);margin:0 0 16px;font-size:12px}@media (width<=700px){.audit-detail-grid{grid-template-columns:1fr}}.hor-page{flex-direction:column;gap:18px;display:flex}.hor-back-link{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;font-weight:700}.hor-back-link:hover{text-decoration:underline}.report-header-actions{gap:10px;display:flex}.hor-tabs{border:1px solid var(--border-color);background:#fff;border-radius:12px;gap:6px;width:fit-content;padding:6px;display:flex}.hor-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.hor-tab.active{background:var(--primary-color);color:#fff}.hor-wizard-steps{border:1px solid var(--border-color);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:16px 22px;display:flex}.hor-step{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.hor-step-num{background:var(--page-bg);width:22px;height:22px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;font-size:11px;display:flex}.hor-step.active{color:var(--primary-color)}.hor-step.active .hor-step-num{background:var(--primary-color);color:#fff}.hor-step.done .hor-step-num{background:var(--success-text);color:#fff}.hor-step-sep{background:var(--border-color);width:24px;height:1px}.hor-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:24px}.hor-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.hor-field{flex-direction:column;gap:6px;display:flex}.hor-field label{color:var(--text-secondary);font-size:12px;font-weight:600}.hor-field input,.hor-field select{border:1px solid var(--border-color);border-radius:8px;padding:9px 11px;font-size:13px}.hor-field-hint{color:var(--text-secondary);font-size:11px}.hor-dropzone{text-align:center;color:var(--text-secondary);cursor:pointer;border:2px dashed #cbd5e1;border-radius:12px;margin-bottom:20px;padding:40px 20px}.hor-dropzone:hover{border-color:var(--primary-color);background:var(--page-bg)}.hor-dropzone strong{color:var(--primary-color);margin-bottom:4px;display:block}.hor-file-chip{color:var(--primary-color);background:#eef2ff;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.hor-wizard-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.report-summary-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.report-summary-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.report-summary-card span{color:var(--text-secondary);font-size:11px;font-weight:600}.report-summary-card strong{color:#111827;font-size:17px}.report-tone-good strong{color:var(--success-text)}.report-tone-warning strong{color:var(--warning-text)}.report-tone-danger strong{color:var(--danger-color)}.report-filters-bar input,.report-filters-bar select{border:1px solid var(--border-color);border-radius:8px;min-width:160px;padding:9px 11px;font-size:13px}.report-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 12px;font-weight:600}.report-table thead th:hover{color:var(--primary-color)}.hor-diff-positive{color:var(--warning-text);font-weight:700}.hor-diff-negative{color:var(--danger-color);font-weight:700}.hor-diff-zero{color:var(--success-text);font-weight:700}.hor-match-badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.hor-match-MATCHED{background:var(--success-bg);color:var(--success-text)}.hor-match-UNMATCHED{background:var(--danger-bg);color:var(--danger-text)}.hor-match-MULTIPLE_MATCHES{background:var(--warning-bg);color:var(--warning-text)}.hor-match-INVALID_DATA{background:var(--border-color);color:#475569}.hor-match-PRICE_MISSING{color:#9a3412;background:#ffedd5}.hor-danger-link{color:var(--danger-color)}.report-pagination{color:#475569;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.status-committed,.status-validated{background:var(--success-bg);color:var(--success-text)}.status-cancelled,.status-failed{background:var(--danger-bg);color:var(--danger-text)}.status-uploaded{background:var(--warning-bg);color:var(--warning-text)}.hor-modal-body{flex-direction:column;gap:12px;padding:18px 22px 22px;display:flex}.hor-modal-body input{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:9px 11px;font-size:13px}.hor-match-results{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}.hor-match-result-row{border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.hor-match-result-row div span{color:var(--text-secondary);font-size:11px;display:block}.hor-match-result-row div strong{font-size:13px}.hor-modal-footer{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}@media (width<=900px){.hor-form-grid{grid-template-columns:1fr}}.backup-page{flex-direction:column;gap:18px;display:flex}.backup-toolbar{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.backup-toolbar p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.report-filters-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px 20px;display:flex}.report-filters-bar input,.report-filters-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 11px;font-size:13px}.report-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:13px}.report-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-weight:600}.report-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:9px 12px}.report-table tbody tr:hover{background:var(--page-bg)}.report-state{border:1px solid var(--border-color);text-align:center;color:var(--text-secondary);background:#fff;border-radius:12px;padding:50px 20px;font-size:14px}.report-error-state{border:1px solid var(--danger-border);text-align:center;color:var(--danger-text);background:#fff;border-radius:12px;padding:40px 20px}.status-completed{background:var(--success-bg);color:var(--success-text)}.status-in_progress{background:var(--warning-bg);color:var(--warning-text)}.backup-type-chip{color:#3730a3;background:#eef2ff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.link-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;text-decoration:none}.backup-danger-link{color:var(--danger-color)}.modal-card{background:#fff;border-radius:14px;width:100%;max-width:460px;box-shadow:0 20px 60px #0003}.backup-confirm-body{padding:18px 22px 22px}.backup-confirm-body p{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.backup-modal-footer{justify-content:flex-end;gap:10px;display:flex}.restore-warning{border:1px solid var(--danger-border);color:var(--danger-text);background:#fef2f2;border-radius:12px;align-items:center;gap:10px;padding:16px 20px;font-size:13px;font-weight:600;display:flex}.restore-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.restore-info-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.restore-info-card span{color:var(--text-secondary);font-size:11px;font-weight:600}.restore-info-card strong{color:#111827;font-size:15px}.restore-instructions{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 24px}.restore-instructions h3{margin:0 0 12px;font-size:14px}.restore-instructions ol{color:var(--text-secondary);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:13px;display:flex}.restore-instructions code{background:var(--page-bg);border-radius:4px;padding:2px 6px;font-size:12px}.sysadmin-page{flex-direction:column;gap:18px;display:flex}.report-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.report-header h2{margin:0;font-size:18px}.report-header p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.sysadmin-tabs{border:1px solid var(--border-color);background:#fff;border-radius:12px;gap:6px;width:fit-content;padding:6px;display:flex}.sysadmin-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.sysadmin-tab.active{background:var(--primary-color);color:#fff}.sales-invoices{flex-direction:column;gap:18px;display:flex}.si-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.si-header h2{margin:0;font-size:20px}.si-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.si-header-actions{gap:10px;display:flex}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.si-filters-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:10px;padding:16px 20px;display:grid}.si-filters-bar input,.si-filters-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 10px;font-size:12px}.si-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.si-table{border-collapse:collapse;width:100%;font-size:13px}.si-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.si-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.si-table tbody tr:hover{background:var(--page-bg)}.actions-cell{flex-wrap:wrap;gap:10px;display:flex}.si-form-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px 25px}.si-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.si-form-header h2{margin:0;font-size:18px}.si-number-hint{color:var(--text-secondary);font-size:12px;font-weight:600}.si-top-grid{grid-template-columns:1fr 1fr 1.4fr 1fr;margin-bottom:8px}.si-items-section{margin-top:20px}.si-items-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.si-items-header h3{white-space:nowrap;margin:0;font-size:15px}.si-barcode-box{flex:1;max-width:480px;position:relative}.si-barcode-input{border:2px solid var(--primary-color);border-radius:8px;width:100%;padding:12px 14px;font-size:14px;font-weight:600}.si-barcode-input:disabled{border-color:var(--border-color);background:var(--page-bg)}.si-barcode-results{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:8px;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.si-barcode-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--page-bg);background:0 0;flex-direction:column;align-items:flex-start;width:100%;padding:10px 14px;display:flex}.si-barcode-item:hover,.si-barcode-item-active{background:var(--page-bg)}.si-barcode-item-active{box-shadow:inset 3px 0 0 var(--primary-color)}.si-barcode-item-name{color:#111827;font-size:13px;font-weight:600}.si-barcode-item-meta{color:var(--text-secondary);font-size:11px}.si-barcode-empty{color:var(--text-secondary);text-align:center;padding:14px;font-size:13px}.si-items-table-wrapper{border:1px solid var(--border-color);border-radius:10px;overflow-x:auto}.si-items-table{border-collapse:collapse;width:100%;font-size:13px}.si-items-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-weight:600}.si-items-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:8px 12px}.si-empty-row{text-align:center;color:var(--text-secondary);padding:30px 20px!important}.si-num-input{border:1px solid var(--border-color);border-radius:6px;width:90px;padding:7px 9px;font-size:13px}.si-stock-warning{color:var(--danger-color);font-weight:700}.si-form-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.si-view-meta{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.si-view-meta div{flex-direction:column;gap:4px;display:flex}.si-view-meta span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.ir-status-badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.ir-status-open{color:#1e40af;background:#dbeafe}.ir-status-partially_returned{background:var(--warning-bg);color:var(--warning-text)}.ir-status-partially_converted{color:#3730a3;background:#e0e7ff}.ir-status-closed{background:var(--success-bg);color:var(--success-text)}.ir-status-cancelled{background:var(--danger-bg);color:var(--danger-text)}.ir-remaining{color:var(--warning-text);font-weight:700}.ir-modal-body{padding:18px 22px 22px}.ir-modal-table{border-collapse:collapse;width:100%;font-size:13px}.ir-modal-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:8px 10px;font-weight:600}.ir-modal-table tbody td{border-bottom:1px solid var(--page-bg);padding:8px 10px}.ir-modal-footer{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.ir-convert-total{background:var(--page-bg);border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 14px;font-size:14px;display:flex}@media (width<=1100px){.si-filters-bar,.si-top-grid,.si-view-meta{grid-template-columns:1fr 1fr}}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.company-profile{flex-direction:column;gap:18px;display:flex}.profile-grid{grid-template-columns:2fr 1fr;align-items:start;gap:18px;display:grid}.profile-main,.profile-side{flex-direction:column;gap:18px;display:flex}.form-field textarea{resize:vertical}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.logo-card{flex-direction:column;gap:12px;display:flex}.logo-preview-box{aspect-ratio:1;background:var(--page-bg);border:1px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.logo-preview-box img{object-fit:contain;width:100%;height:100%;padding:12px}.logo-placeholder{color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;display:flex}.logo-placeholder span{font-size:32px}.logo-placeholder p{margin:0;font-size:12px}.logo-file-input{display:none}.logo-choose-btn{box-sizing:border-box;width:100%}.logo-selected-actions{gap:8px;display:flex}.logo-selected-actions .btn-primary,.logo-selected-actions .btn-secondary{flex:1}.logo-hint{color:var(--text-secondary);text-align:center;margin:0;font-size:11px}.invd-toggle-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.invd-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.invd-toggle input{cursor:pointer;width:16px;height:16px}@media (width<=900px){.profile-grid,.form-grid,.invd-toggle-grid{grid-template-columns:1fr}}.erp-branding{flex-direction:column;gap:18px;display:flex}.profile-banner{border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600}.banner-success{background:var(--success-bg);color:var(--success-text)}.banner-error{background:var(--danger-bg);color:var(--danger-text)}.brand-grid{grid-template-columns:2fr 1fr;align-items:start;gap:18px;display:grid}.brand-main,.brand-side{flex-direction:column;gap:18px;display:flex}.profile-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.profile-card h3{color:var(--text-primary);margin:0 0 16px;font-size:15px}.form-field input{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px}.color-input-row{align-items:center;gap:8px;display:flex}.color-input-row input[type=color]{cursor:pointer;width:40px;height:36px;padding:2px}.color-input-row input[type=text],.color-input-row input:not([type=color]){flex:1}.profile-actions{justify-content:flex-end;display:flex}.btn-secondary{background:var(--page-bg);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;text-align:center;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-block}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);cursor:pointer;border-radius:8px;width:100%;padding:9px 16px;font-size:13px;font-weight:600}.btn-danger:hover{background:var(--danger-border)}.btn-danger:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.brand-image-slot{border-bottom:1px solid var(--page-bg);margin-bottom:18px;padding-bottom:18px}.brand-image-slot:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.brand-image-slot h4{color:var(--text-secondary);margin:0 0 8px;font-size:12px;font-weight:700}.brand-image-preview{aspect-ratio:2;background:var(--page-bg);border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;overflow:hidden}.brand-image-preview img{object-fit:contain;width:100%;height:100%;padding:8px}.brand-image-placeholder{color:var(--text-secondary);font-size:11px}.brand-choose-btn,.brand-upload-btn,.brand-remove-btn{box-sizing:border-box;width:100%;margin-bottom:6px}.brand-hint{color:var(--text-secondary);margin:0;font-size:10.5px}.brand-preview-card h3{margin-bottom:12px}.brand-preview-box{border-radius:10px;justify-content:center;align-items:center;min-height:220px;padding:24px 16px;display:flex}.brand-preview-card-inner{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:200px;padding:20px 18px;display:flex;box-shadow:0 10px 30px #0000001f}.brand-preview-logo{object-fit:contain;width:44px;height:44px;margin-bottom:4px}.brand-preview-logo-fallback{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-size:18px;font-weight:700;display:flex}.brand-preview-card-inner strong{text-align:center;font-size:13px}.brand-preview-card-inner span{color:var(--text-secondary);text-align:center;font-size:10px}.brand-preview-btn{color:#fff;text-align:center;letter-spacing:.04em;border-radius:6px;width:100%;margin-top:10px;padding:7px 0;font-size:11px;font-weight:700}.brand-preview-colors{gap:8px;margin-top:12px;display:flex}.brand-color-chip{border-radius:6px;width:28px;height:28px}@media (width<=900px){.brand-grid,.form-grid{grid-template-columns:1fr}}.theme-settings-page{flex-direction:column;gap:16px;display:flex}.theme-preview-banner{border:1px solid var(--warning-border);background:#fffbeb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex}.theme-preview-banner-actions{gap:10px;display:flex}.theme-accent-bar{border:1px solid var(--border-color);color:#475569;background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.theme-accent-swatch{width:28px;height:28px;box-shadow:0 0 0 1px var(--border-color);cursor:pointer;color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.theme-accent-swatch.selected{box-shadow:0 0 0 2px var(--text-primary)}.theme-accent-label{color:var(--text-primary);margin-left:4px;font-weight:600}.theme-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.theme-card{border:1px solid var(--border-color);background:#fff;border-radius:14px;transition:box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.theme-card-active{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a26}.theme-card-previewing{border-color:var(--primary-color);box-shadow:0 0 0 2px #1e3a8a26}.theme-active-badge{color:#fff;letter-spacing:.5px;z-index:2;background:#16a34a;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}.theme-card-body{padding:14px 16px 16px}.theme-card-body h3{margin:0 0 4px;font-size:15px}.theme-card-body p{color:var(--text-secondary);min-height:32px;margin:0 0 12px;font-size:12px}.theme-admin-note{color:var(--text-secondary);text-align:center;font-size:12px}.theme-mockup{border-bottom:1px solid;height:150px;display:flex}.theme-mockup-sidebar{flex-direction:column;gap:8px;width:30%;padding:10px 8px;display:flex}.theme-mockup-logo{border-radius:5px;width:20px;height:20px}.theme-mockup-menu-active{border-radius:4px;width:85%;height:8px}.theme-mockup-menu-line{opacity:.6;border-radius:3px;width:70%;height:6px}.theme-mockup-main{flex-direction:column;flex:1;display:flex}.theme-mockup-topbar{border-bottom:1px solid;align-items:center;height:22px;padding:0 10px;display:flex}.theme-mockup-topbar-dot{border-radius:50%;width:6px;height:6px}.theme-mockup-body{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.theme-mockup-card{border:1px solid;border-radius:6px;padding:6px 8px}.theme-mockup-card-line{opacity:.6;border-radius:3px;width:50%;height:5px;margin-bottom:4px}.theme-mockup-card-value{font-size:11px;font-weight:700}.theme-mockup-button{color:#fff;cursor:default;border:none;border-radius:5px;align-self:flex-start;padding:4px 10px;font-size:10px;font-weight:600}.theme-mockup-table{border:1px solid;border-radius:6px;overflow:hidden}.theme-mockup-table-row{border-bottom:1px solid;height:10px}.theme-mockup-table-row:last-child{border-bottom:none}@media (width<=750px){.theme-cards-grid{grid-template-columns:1fr}.theme-accent-bar{gap:8px}.theme-preview-banner{flex-direction:column;align-items:flex-start}}.theme-preview-page{--tp-font-sm:12px;--tp-font-base:14px;--tp-font-md:16px;--tp-font-lg:20px;--tp-font-xl:28px;--tp-space-1:4px;--tp-space-2:8px;--tp-space-3:12px;--tp-space-4:16px;--tp-space-5:24px;--tp-space-6:32px;--tp-radius-sm:6px;--tp-radius-md:10px;--tp-radius-lg:16px;--tp-shadow-sm:0 1px 2px #0f172a0f;--tp-shadow-md:0 8px 24px #0f172a1f;padding:24px 32px 48px}.tp-switcher{flex-wrap:wrap;gap:10px;margin:14px 0 6px;display:flex}.tp-switcher-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.tp-switcher-btn:hover{border-color:#cbd5e1}.tp-switcher-btn.active{border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed826}.tp-switcher-btn:focus-visible,.tp-vp-btn:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.tp-swatch{border:1px solid #0000001a;border-radius:50%;width:14px;height:14px;display:inline-block}.tp-theme-desc{color:#64748b;margin:0 0 16px;font-size:13px}.tp-viewport-switcher{color:#475569;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.tp-vp-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.tp-vp-btn.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.tp-canvas{background:var(--page-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--tp-radius-lg);box-shadow:var(--tp-shadow-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:max-width .2s;overflow:hidden}.tp-canvas-desktop{max-width:100%}.tp-canvas-tablet{max-width:820px;margin:0 auto}.tp-canvas-mobile{max-width:390px;margin:0 auto}.tp-shell{min-height:640px;display:flex}.tp-sidebar{background:var(--sidebar-bg);width:220px;color:var(--sidebar-text);flex-direction:column;flex-shrink:0;transition:width .2s;display:flex}.tp-collapsed .tp-sidebar,.tp-canvas-mobile .tp-sidebar{width:64px}.tp-sidebar-brand{align-items:center;gap:var(--tp-space-2);padding:var(--tp-space-4);display:flex}.tp-collapsed .tp-sidebar-brand{padding:var(--tp-space-3) var(--tp-space-2);flex-direction:column;gap:8px}.tp-sidebar-logo,.tp-sidebar-logo-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:32px;height:32px}.tp-sidebar-logo{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.tp-sidebar-name{font-weight:700;font-size:var(--tp-font-md);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tp-canvas-mobile .tp-sidebar-name{display:none}.tp-collapse-btn{border:1px solid var(--sidebar-hover-bg);color:var(--sidebar-text);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:24px;height:24px}.tp-collapse-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.tp-canvas-mobile .tp-collapse-btn{display:none}.tp-sidebar-menu{padding:var(--tp-space-2);flex-direction:column;flex:1;gap:2px;display:flex}.tp-menu-item{border-radius:var(--tp-radius-sm);color:var(--sidebar-text);cursor:pointer;font-size:var(--tp-font-base);align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.tp-menu-item:hover{background:var(--sidebar-hover-bg)}.tp-menu-item.active{background:var(--sidebar-active-bg);color:#fff}.tp-menu-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.tp-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;background:#111827;border-radius:6px;margin-left:10px;padding:5px 10px;font-size:12px;transition:opacity .15s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.tp-menu-item:hover .tp-tooltip,.tp-menu-item:focus-visible .tp-tooltip{opacity:1}.tp-collapsed .tp-sidebar-menu span:not(.tp-menu-icon),.tp-canvas-mobile .tp-sidebar-menu span:not(.tp-menu-icon){display:none}.tp-collapsed .tp-tooltip,.tp-canvas-mobile .tp-tooltip{display:inline-block}.tp-sidebar-user{padding:var(--tp-space-4);border-top:1px solid #ffffff14;align-items:center;gap:10px;display:flex}.tp-avatar,.tp-top-avatar{background:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.tp-sidebar-user-text{flex-direction:column;min-width:0;font-size:12px;display:flex}.tp-sidebar-user-text strong{color:var(--sidebar-text);font-size:13px}.tp-sidebar-user-text span{color:var(--sidebar-text-muted)}.tp-main{background:var(--page-bg);flex-direction:column;flex:1;min-width:0;display:flex}.tp-topbar{padding:var(--tp-space-4) var(--tp-space-5);background:var(--card-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tp-topbar h3{font-size:var(--tp-font-lg);color:var(--text-primary);margin:0}.tp-topbar-sub{color:var(--text-secondary);font-size:12px}.tp-topbar-right{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.tp-status-dot{background:var(--success-color);border-radius:50%;width:8px;height:8px;display:inline-block}.tp-content{padding:var(--tp-space-5);gap:var(--tp-space-5);flex-direction:column;display:flex}.tp-kpi-grid{gap:var(--tp-space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.tp-kpi-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--tp-radius-md);padding:var(--tp-space-4);box-shadow:var(--tp-shadow-sm);align-items:center;gap:12px;display:flex}.tp-kpi-icon{background:color-mix(in srgb, var(--primary-color) 15%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.tp-kpi-label{font-size:var(--tp-font-sm);color:var(--text-secondary);display:block}.tp-kpi-value{font-size:var(--tp-font-lg);color:var(--text-primary);margin-top:2px;display:block}.tp-charts-grid{gap:var(--tp-space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.tp-chart-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--tp-radius-md);padding:var(--tp-space-4);box-shadow:var(--tp-shadow-sm)}.tp-chart-card h4{font-size:var(--tp-font-base);color:var(--text-primary);margin:0 0 10px}.tp-chart-placeholder{border-radius:var(--tp-radius-sm);background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 22%, var(--page-bg)), color-mix(in srgb, var(--primary-color) 4%, var(--page-bg)));height:140px}.tp-alerts{flex-direction:column;gap:10px;display:flex}.tp-alert{border-radius:var(--tp-radius-sm);font-size:var(--tp-font-base);border:1px solid #0000;padding:12px 14px}.tp-alert-info{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 30%, transparent)}.tp-alert-success{background:color-mix(in srgb, var(--success-color) 12%, var(--card-bg));border-color:color-mix(in srgb, var(--success-color) 35%, transparent)}.tp-alert-warning{background:color-mix(in srgb, var(--warning-color) 14%, var(--card-bg));border-color:color-mix(in srgb, var(--warning-color) 35%, transparent)}.tp-alert-danger{background:color-mix(in srgb, var(--danger-color) 12%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 35%, transparent)}.tp-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--tp-radius-md);padding:var(--tp-space-4);box-shadow:var(--tp-shadow-sm)}.tp-card h4{font-size:var(--tp-font-base);color:var(--text-primary);margin:0 0 12px}.tp-card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tp-card-header-row h4{margin:0}.tp-badges-row{flex-wrap:wrap;gap:8px;display:flex}.tp-badge{border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.tp-badge-success{background:color-mix(in srgb, var(--success-color) 18%, var(--card-bg));color:var(--success-color)}.tp-badge-warning{background:color-mix(in srgb, var(--warning-color) 20%, var(--card-bg));color:var(--warning-color)}.tp-badge-danger{background:color-mix(in srgb, var(--danger-color) 16%, var(--card-bg));color:var(--danger-color)}.tp-badge-neutral{background:color-mix(in srgb, var(--secondary-color) 20%, var(--card-bg));color:var(--secondary-color)}.tp-form-grid{gap:var(--tp-space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tp-field{flex-direction:column;gap:6px;display:flex}.tp-field label{font-size:var(--tp-font-sm);color:var(--text-secondary);font-weight:600}.tp-field input,.tp-field select{border:1px solid var(--border-color);border-radius:var(--tp-radius-sm);font-size:var(--tp-font-base);background:var(--card-bg);color:var(--text-primary);padding:9px 12px;font-family:inherit}.tp-field input:focus-visible,.tp-field select:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--primary-color)}.tp-input-error{border-color:var(--danger-color)!important}.tp-field-error{color:var(--danger-color);font-size:11px}.tp-buttons-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tp-btn{font-family:inherit;font-size:var(--tp-font-base);border-radius:var(--tp-radius-sm);cursor:pointer;border:1px solid #0000;padding:9px 18px;font-weight:600;transition:background .15s,opacity .15s}.tp-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.tp-btn-primary{background:var(--primary-color);color:#fff}.tp-btn-primary:hover{background:var(--primary-hover)}.tp-btn-secondary{background:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}.tp-btn-secondary:hover{background:color-mix(in srgb, var(--text-primary) 6%, var(--card-bg))}.tp-btn-success{background:var(--success-color);color:#fff}.tp-btn-danger{background:var(--danger-color);color:#fff}.tp-btn-icon{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary);padding:8px 11px}.tp-btn:disabled{opacity:.5;cursor:not-allowed}.tp-table-wrapper{overflow-x:auto}.tp-table{border-collapse:collapse;width:100%;font-size:var(--tp-font-base)}.tp-table th{text-align:left;background:color-mix(in srgb, var(--text-primary) 4%, var(--card-bg));color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-size:11px}.tp-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;padding:10px 12px}.tp-table tbody tr:hover{background:color-mix(in srgb, var(--primary-color) 5%, var(--card-bg))}.tp-empty-state{padding:var(--tp-space-5);text-align:center;color:var(--text-secondary);font-size:var(--tp-font-base)}.tp-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:14px;margin-top:12px;font-size:13px;display:flex}.tp-modal-overlay{z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tp-modal-card{background:var(--card-bg);color:var(--text-primary);border-radius:var(--tp-radius-lg);width:420px;max-width:100%;box-shadow:var(--tp-shadow-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.tp-modal-header{padding:var(--tp-space-4) var(--tp-space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.tp-modal-header h3{font-size:var(--tp-font-md);margin:0}.tp-modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:16px}.tp-modal-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.tp-modal-body{padding:var(--tp-space-5);font-size:var(--tp-font-base);color:var(--text-secondary)}.tp-modal-footer{padding:var(--tp-space-4) var(--tp-space-5);border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;display:flex}.tp-login-mock{max-width:320px;padding:var(--tp-space-5);text-align:center;background:var(--page-bg);border-radius:var(--tp-radius-lg);border:1px solid var(--border-color);flex-direction:column;align-items:center;gap:10px;margin:0 auto;display:flex}.tp-login-logo,.tp-login-logo-img{object-fit:cover;border-radius:12px;width:48px;height:48px}.tp-login-logo{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.tp-login-mock h3{font-size:var(--tp-font-lg);color:var(--text-primary);margin:4px 0 0}.tp-login-mock p{color:var(--text-secondary);margin:0 0 10px;font-size:12px}.tp-login-mock .tp-field{text-align:left;width:100%}.tp-login-btn{width:100%;margin-top:6px}.tp-login-footer{color:var(--text-secondary);margin-top:8px;font-size:11px}.tp-canvas-mobile .tp-kpi-grid,.tp-canvas-mobile .tp-form-grid,.tp-canvas-mobile .tp-charts-grid{grid-template-columns:1fr}.tp-canvas-mobile .tp-content{padding:var(--tp-space-4)}.tp-canvas-mobile .tp-topbar{padding:var(--tp-space-3) var(--tp-space-4)}@media (width<=720px){.theme-preview-page{padding:16px}.tp-shell{min-height:unset}}.roles-master{flex-direction:column;gap:18px;display:flex}.roles-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.roles-header h2{margin:0;font-size:20px}.roles-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.roles-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.roles-search-bar input,.roles-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.roles-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.roles-table{border-collapse:collapse;width:100%;font-size:13px}.roles-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.roles-table tbody td{border-bottom:1px solid var(--page-bg);padding:12px 14px}.roles-table tbody tr:hover{background:var(--page-bg)}.admin-badge{background:var(--warning-bg);color:var(--warning-text);text-transform:uppercase;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700}.actions-cell{white-space:nowrap;gap:10px;display:flex}.modal-card.roles-modal-card{max-width:min(94vw,960px)}.role-form{padding:20px 25px 25px}.role-form fieldset{border:none;margin:0;padding:0}.form-notice{background:var(--warning-bg);color:var(--warning-text);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.matrix-title-row{justify-content:space-between;align-items:center;display:flex}.matrix-bulk-actions{text-transform:none;letter-spacing:normal;gap:14px;font-weight:600;display:flex}.form-field input,.form-field textarea{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px}.form-field input:disabled{background:var(--page-bg);color:var(--text-secondary)}.permission-groups{border:1px solid var(--border-color);border-radius:10px;max-height:360px;padding:4px 0;overflow-y:auto}.permission-group{border-bottom:1px solid var(--page-bg);padding:10px 16px}.permission-group:last-child{border-bottom:none}.permission-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:700}.permission-group-items{flex-direction:column;gap:8px;display:flex}.permission-item{cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;display:flex}.permission-item input{margin-top:3px}.permission-item span{flex-direction:column;display:flex}.permission-item strong{color:var(--text-primary);font-size:13px;font-weight:600}.permission-item small{color:var(--text-secondary);font-size:12px}.permission-item-locked{cursor:default;opacity:.85}@media (width<=768px){.roles-search-bar,.form-grid{grid-template-columns:1fr}}.data-import-page{flex-direction:column;gap:18px;display:flex}.data-import-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.data-import-header h2{margin:0;font-size:20px}.data-import-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.data-import-launchers{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.data-import-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.data-import-card-icon{font-size:28px}.data-import-card h3{margin:0;font-size:15px}.data-import-card p{color:var(--text-secondary);flex:1;margin:0 0 6px;font-size:12px}.data-import-card-future{opacity:.6;background:var(--page-bg)}.data-import-history{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:18px 20px}.data-import-history-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.data-import-history-header h3{margin:0;font-size:15px}.data-import-table-wrapper{overflow-x:auto}.data-import-table{border-collapse:collapse;width:100%;font-size:12.5px}.data-import-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:9px 10px;font-weight:600}.data-import-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:8px 10px}.data-import-table tbody tr:hover{background:var(--page-bg)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.status-committed{background:var(--success-bg);color:var(--success-text)}.status-failed,.status-cancelled{background:var(--danger-bg);color:var(--danger-text)}.status-uploaded,.status-validated{background:var(--warning-bg);color:var(--warning-text)}.module-visibility-page{flex-direction:column;gap:18px;display:flex}.mv-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.mv-header h2{margin:0 0 6px;font-size:20px}.mv-header p{color:var(--text-secondary);max-width:640px;margin:0;font-size:13px}.mv-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;max-width:560px;padding:20px 25px}.mv-section-title{margin:0 0 4px;font-size:15px}.mv-section-hint{color:var(--text-secondary);margin:0 0 10px;font-size:12.5px}.mv-toggle-row{border-bottom:1px solid var(--page-bg);cursor:pointer;align-items:center;gap:10px;padding:12px 0;font-size:14px;display:flex}.mv-toggle-row:last-of-type{border-bottom:none}.mv-toggle-row input{cursor:pointer;width:18px;height:18px}.mv-saved-message{background:var(--success-bg);color:var(--success-text);border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.mv-actions{max-width:560px}.data-cleanup-page{flex-direction:column;gap:18px;display:flex}.dc-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.dc-header h2{margin:0 0 6px;font-size:20px}.dc-header p{color:var(--text-secondary);max-width:680px;margin:0;font-size:13px}.dc-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;max-width:640px;padding:20px 25px}.dc-quick-card{border-color:var(--danger-color,#dc2626);background:var(--danger-bg,#fef2f2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.dc-quick-card strong{font-size:15px}.dc-quick-hint{color:var(--text-secondary);max-width:420px;margin:4px 0 0;font-size:12.5px}.dc-quick-btn{white-space:nowrap;flex-shrink:0}.dc-select-all{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:12px;font-size:13px;font-weight:600;display:flex}.dc-module-row{border-bottom:1px solid var(--page-bg);cursor:pointer;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.dc-module-row:last-of-type{border-bottom:none}.dc-module-row input{cursor:pointer;flex-shrink:0;width:18px;height:18px}.dc-module-label{flex:1}.dc-module-count{color:var(--text-secondary);white-space:nowrap;font-size:12.5px}.dc-actions{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:18px;padding-top:16px;display:flex}.dc-results{background:var(--success-bg,#ecfdf5);color:var(--success-text,#065f46);border-radius:8px;max-height:220px;margin-top:16px;padding:14px;font-size:13px;overflow-y:auto}.dc-result-row{padding:2px 0}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.dc-confirm-form{padding:20px 25px 25px}.dc-confirm-warning{background:var(--danger-bg,#fee2e2);color:var(--danger-text,#991b1b);border-radius:8px;margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.6}.form-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.btn-danger{background:var(--danger-color,#dc2626);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-danger:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.sync-panel-loading{color:var(--text-secondary);padding:30px}.sync-panel-unavailable{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:50px 20px;display:flex}.sync-panel-unavailable span{font-size:28px}.sync-download-card{border:1px solid var(--border-color);border-radius:var(--radius-md);max-width:420px;box-shadow:var(--shadow-card);background:#fff;flex-direction:column;align-items:center;gap:8px;margin-top:10px;padding:18px 22px;display:flex}.sync-download-card .sync-panel-hint{text-align:center}.sync-download-card a.btn-primary{margin-top:6px;text-decoration:none}.sync-panel{flex-direction:column;gap:16px;max-width:640px;display:flex}.sync-status-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sync-status-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.sync-status-card span{color:var(--text-secondary);font-size:12px;font-weight:600}.sync-status-card strong{font-size:22px}.sync-status-small{font-size:13px!important}.sync-status-warning{color:var(--warning-text)}.sync-panel-hint{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.sync-panel-error{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);border-radius:8px;padding:10px 14px;font-size:13px}.sync-panel-result{background:var(--success-bg);color:var(--success-text);border-radius:8px;padding:10px 14px;font-size:13px}.sync-conflicts-section{border:1px solid var(--danger-border,#fecaca);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.sync-conflict-row{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sync-conflict-path{color:var(--text-secondary);font-family:monospace;font-size:12px;font-weight:700}.sync-conflict-message{color:var(--danger-text);margin-top:2px;font-size:13px}.sync-conflict-meta{color:var(--text-secondary);margin-top:4px;font-size:11px}.sync-update-section{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.sync-update-section strong{font-size:14px}.sync-update-section .sync-panel-hint{max-width:420px;margin-top:4px}.sync-update-section button{flex-shrink:0}.sync-form-card{max-width:420px}.sync-form{flex-direction:column;gap:14px;padding:20px 22px;display:flex}.sync-form-hint{color:var(--text-secondary);margin:0;font-size:13px}.sync-form label{color:var(--text-primary);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.sync-form input{border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:400}.sync-form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@media (width<=640px){.sync-status-grid{grid-template-columns:1fr}}.stock-master{flex-direction:column;gap:18px;display:flex}.stock-summary-cards{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.stock-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.stock-card span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.stock-card strong{color:var(--primary-color);font-size:20px}.stock-card-warning strong{color:var(--warning-text)}.stock-card-danger strong{color:var(--danger-text)}.stock-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.stock-header h2{margin:0;font-size:20px}.stock-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.stock-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:3fr 1fr;gap:12px;padding:16px 20px;display:grid}.stock-search-bar input,.stock-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.stock-filter-chips{gap:8px;display:flex}.chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.chip-active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.stock-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.stock-table{border-collapse:collapse;width:100%;font-size:13px}.stock-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.stock-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.stock-table tbody tr:hover{background:var(--page-bg)}.stock-book-cell{flex-direction:column;display:flex}.stock-book-cell span{color:var(--text-secondary);font-size:11px}.status-in-stock{background:var(--success-bg);color:var(--success-text)}.status-low-stock{background:var(--warning-bg);color:var(--warning-text)}.status-out-of-stock{background:var(--danger-bg);color:var(--danger-text)}.stock-ledger-inline-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:25px}.stock-ledger-inline-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.stock-ledger-inline-header h2{margin:0;font-size:18px}.stock-ledger-inline-header p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}@media (width<=1100px){.stock-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.stock-search-bar{grid-template-columns:1fr}}.stock-ledger-page{flex-direction:column;gap:18px;display:flex}.stock-ledger-search-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.stock-ledger-search-card h2{margin:0 0 16px;font-size:20px}.stock-ledger-search-box{max-width:480px;position:relative}.stock-ledger-search-box input{box-sizing:border-box;border:1px solid var(--border-color);border-radius:8px;width:100%;padding:9px 12px;font-size:13px}.stock-ledger-results{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:8px;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.stock-ledger-result-item{text-align:left;border:none;border-bottom:1px solid var(--page-bg);cursor:pointer;background:0 0;flex-direction:column;width:100%;padding:8px 12px;display:flex}.stock-ledger-result-item:last-child{border-bottom:none}.stock-ledger-result-item:hover,.stock-ledger-result-item-active{background:var(--page-bg)}.stock-ledger-result-item-active{box-shadow:inset 3px 0 0 var(--primary-color)}.form-alert{background:var(--danger-bg);color:var(--danger-text);border-radius:8px;margin-top:14px;padding:10px 14px;font-size:13px}.stock-ledger-result-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.stock-ledger-book-header{border-bottom:1px solid var(--border-color);align-items:baseline;gap:10px;margin-bottom:16px;padding-bottom:16px;display:flex}.stock-ledger-book-header h3{margin:0;font-size:16px}.stock-ledger-book-header span{color:var(--text-secondary);font-size:12px}.ledger-table-wrapper{border:1px solid var(--border-color);border-radius:10px;overflow-x:auto}.ledger-table{border-collapse:collapse;width:100%;font-size:13px}.ledger-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-weight:600}.ledger-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:10px 12px}.ledger-in{color:var(--success-text);font-weight:600}.ledger-out{color:var(--danger-text);font-weight:600}.ledger-balance{color:var(--primary-color);font-weight:700}.ledger-empty-row{text-align:center;color:var(--text-secondary);padding:24px}.low-stock-page{flex-direction:column;gap:18px;display:flex}.ls-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.ls-header h2{margin:0;font-size:20px}.ls-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.ls-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.ls-table{border-collapse:collapse;width:100%;font-size:13px}.ls-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.ls-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.ls-table tbody tr:hover{background:var(--page-bg)}.ls-shortage{color:var(--warning-text);font-weight:700}.stock-adjustment-master{flex-direction:column;gap:18px;display:flex}.sa-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.sa-header h2{margin:0;font-size:20px}.sa-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.sa-header-actions button{white-space:nowrap}.sa-checkbox-col{width:36px;text-align:center!important}.sa-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.sa-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr;gap:12px;padding:16px 20px;display:grid}.sa-search-bar input,.sa-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.sa-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.sa-table{border-collapse:collapse;width:100%;font-size:13px}.sa-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.sa-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.sa-table tbody tr:hover{background:var(--page-bg)}.status-draft{background:var(--warning-bg);color:var(--warning-text)}.status-posted{background:var(--success-bg);color:var(--success-text)}.status-cancelled{background:var(--danger-bg);color:var(--danger-text)}.sa-form-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:25px}.sa-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.sa-form-header h2{margin:0;font-size:18px}.sa-number-hint{color:var(--text-secondary);font-size:12px;font-style:italic}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.form-field input,.form-field select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.form-field input:disabled{background:var(--page-bg);color:var(--text-secondary);font-weight:600}.form-checkbox{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sa-toggle{margin-bottom:16px}.sa-book-search{position:relative}.sa-book-search input{box-sizing:border-box;border:1px solid var(--border-color);border-radius:8px;width:100%;padding:9px 12px;font-size:13px}.sa-book-results{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:8px;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.sa-book-result-item{text-align:left;border:none;border-bottom:1px solid var(--page-bg);cursor:pointer;background:0 0;flex-direction:column;width:100%;padding:8px 12px;display:flex}.sa-book-result-item:last-child{border-bottom:none}.sa-book-result-item:hover,.sa-book-result-item-active{background:var(--page-bg)}.sa-book-result-item-active{box-shadow:inset 3px 0 0 var(--primary-color)}.result-name{color:var(--text-primary);font-size:13px;font-weight:600}.result-meta{color:var(--text-secondary);font-size:11px}.sa-selected-book{border:1px solid var(--border-color);background:var(--page-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sa-selected-book div{flex-direction:column;display:flex}.sa-selected-book span{color:var(--text-secondary);font-size:11px}.sa-stock-box{background:var(--page-bg);border-radius:8px;margin-bottom:16px;padding:14px 18px}.sa-stock-box div{flex-direction:column;gap:4px;display:flex}.sa-stock-box span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.sa-stock-box strong{color:var(--primary-color);font-size:20px}.sa-new-stock strong{color:var(--success-text)}.sa-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.sa-view-meta{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.sa-view-meta div{flex-direction:column;gap:4px;display:flex}.sa-view-meta span{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.sa-view-notes span{color:var(--text-secondary);text-transform:uppercase;margin-top:10px;font-size:11px;display:block}.sa-view-notes p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.sa-readonly-notice{background:var(--page-bg);color:#475569;border-radius:8px;margin:16px 0;padding:12px 16px;font-size:12px}@media (width<=900px){.form-grid,.sa-view-meta{grid-template-columns:1fr}}.verify-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.verify-badge-done{color:#166534;background:#dcfce7}.verify-badge-pending{color:#92400e;background:#fef3c7}.verify-meta{color:var(--text-secondary);font-size:12px;line-height:1.5}.verify-icon-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.verify-icon-btn:hover{opacity:.9}.modal-card.verify-modal-card{max-width:420px}.modal-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:20px 25px;display:flex;position:sticky;top:0}.verify-modal-body{flex-direction:column;gap:14px;padding:20px 25px 25px;display:flex}.verify-modal-book{flex-direction:column;gap:3px;margin:0;display:flex}.verify-modal-book span{color:var(--text-secondary);font-size:12px}.verify-modal-system-qty{color:var(--text-secondary);margin:0;font-size:13px}.verify-modal-footer{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.form-alert{background:var(--danger-bg);color:var(--danger-text);border-radius:8px;padding:10px 14px;font-size:13px}.form-alert-success{color:#166534;background:#dcfce7;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.form-field input{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.stock-module-page{flex-direction:column;gap:16px;display:flex}.stock-module-tabs{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-wrap:wrap;gap:6px;width:fit-content;padding:6px;display:flex}.stock-module-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.stock-module-tab.active{background:var(--primary-color);color:#fff}.stock-overview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.stock-overview-panel{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:18px}.stock-overview-panel-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stock-overview-panel-header h3{margin:0;font-size:14px}.stock-overview-empty{color:var(--text-secondary);margin:0;font-size:13px}.stock-overview-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stock-overview-list li{border-bottom:1px solid var(--page-bg);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.stock-overview-list li:last-child{border-bottom:none}.stock-overview-list-qty{color:var(--warning-text);font-weight:600}.stock-movements-filters{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 16px;display:flex}.sm-field{flex-direction:column;gap:4px;display:flex}.sm-field label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.sm-field input,.sm-field select{border:1px solid var(--border-color);border-radius:8px;min-width:140px;padding:8px 10px;font-size:13px}.sm-field-grow{flex-grow:1}.sm-field-grow input{width:100%;min-width:200px}.finance-page{flex-direction:column;gap:18px;display:flex}.fin-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.fin-header h2{margin:0;font-size:20px}.fin-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.fin-header-actions{flex-shrink:0;gap:10px;display:flex}.fin-tabs{border:1px solid var(--border-color);background:#fff;border-radius:12px;gap:6px;padding:6px;display:flex}.fin-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 14px;font-size:13px;font-weight:600}.fin-tab:hover{background:var(--page-bg)}.fin-tab.active{background:var(--primary-color);color:#fff}.fin-summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.fin-summary-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.fin-summary-card span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.fin-summary-card strong{font-size:20px}.fin-card-good strong{color:var(--success-text)}.fin-card-warning strong{color:var(--warning-text)}.fin-search-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:16px 20px;display:grid}.fin-search-bar input,.fin-search-bar select{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px}.fin-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.fin-table{border-collapse:collapse;width:100%;font-size:13px}.fin-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-weight:600}.fin-table tbody td{border-bottom:1px solid var(--page-bg);white-space:nowrap;padding:12px 14px}.fin-table tbody tr:hover{background:var(--page-bg)}.fin-balance-positive{color:var(--success-text);font-weight:700}.fin-balance-negative{color:var(--danger-color);font-weight:700}.fin-account-type-badge{background:var(--page-bg);color:var(--text-secondary);text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.modal-card.fin-modal-card{max-width:min(94vw,640px)}.modal-card.fin-ledger-modal-card{max-width:min(96vw,920px)}.fin-ledger-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 25px 0;display:flex}.fin-ledger-balance{text-align:right}.fin-ledger-balance span{color:var(--text-secondary);text-transform:uppercase;font-size:11px;display:block}.fin-ledger-balance strong{font-size:20px}.fin-ledger-tabs{gap:6px;padding:16px 25px 0;display:flex}.fin-ledger-tab{background:var(--page-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600}.fin-ledger-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.fin-ledger-body{padding:16px 25px 25px}.fin-manual-entry-form{background:var(--page-bg);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:12px;margin-bottom:16px;padding:16px;display:grid}.fin-manual-entry-form .form-field{flex-direction:column;gap:6px;display:flex}.fin-manual-entry-form label{color:var(--text-secondary);font-size:12px;font-weight:600}.fin-manual-entry-form input,.fin-manual-entry-form select{border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;font-size:13px}.fin-credit{color:var(--danger-color)}.fin-debit{color:var(--success-text)}.fin-empty-row{text-align:center;color:var(--text-secondary);padding:30px 20px!important}.fin-category-manage{padding:16px 25px 25px}.fin-category-row{border-bottom:1px solid var(--page-bg);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.fin-category-add-row{gap:10px;margin-bottom:14px;display:flex}.fin-category-add-row input{border:1px solid var(--border-color);border-radius:8px;flex:1;padding:9px 12px;font-size:13px}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--page-bg);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--danger-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-danger:hover{opacity:.9}.status-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.status-active{background:var(--success-bg);color:var(--success-text)}.status-inactive,.status-cancelled{background:var(--danger-bg);color:var(--danger-text)}.actions-cell{gap:10px;display:flex}.link-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.link-btn:hover{text-decoration:underline}.link-btn-danger{color:var(--danger-color)}.table-state{text-align:center;color:var(--text-secondary);padding:50px 20px;font-size:14px}.table-state-error{color:var(--danger-color)}.modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{border-bottom:1px solid var(--border-color);z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:20px 25px;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font-size:18px}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:16px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.fin-form{padding:20px 25px 25px}.fin-form fieldset{border:none;margin:0;padding:0}.form-alert{background:var(--danger-bg);color:var(--danger-text);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.form-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:20px 0 12px;font-size:12px;font-weight:700}.form-section-title:first-child{margin-top:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.form-field-wide{grid-column:1/-1}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-secondary);font-size:12px;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px}.field-error{color:var(--danger-color);font-size:12px}.form-checkbox{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}@media (width<=768px){.fin-search-bar,.form-grid{grid-template-columns:1fr}}.barcode-labels-page{flex-direction:column;gap:18px;display:flex}.bcl-header{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.bcl-header h2{margin:0;font-size:20px}.bcl-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.bcl-controls{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:16px;padding:20px 25px;display:flex}.bcl-layout-row{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.bcl-layout-toggle{background:var(--page-bg);border-radius:8px;gap:6px;padding:4px;display:flex}.bcl-layout-toggle button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600}.bcl-layout-toggle button.active{background:var(--primary-color);color:#fff}.bcl-dim-field{flex-direction:column;gap:4px;display:flex}.bcl-dim-field label{color:var(--text-secondary);font-size:11px;font-weight:600}.bcl-dim-field input[type=number]{border:1px solid var(--border-color);border-radius:6px;width:70px;padding:7px 9px;font-size:13px}.bcl-checkbox-row{flex-wrap:wrap;gap:20px;display:flex}.bcl-checkbox-row label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.bcl-add-row{align-items:flex-start;gap:12px;display:flex}.book-search-box{flex:1;max-width:480px;position:relative}.book-search-box input{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:10px 12px;font-size:13px}.book-search-results{border:1px solid var(--border-color);z-index:20;background:#fff;border-radius:8px;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.book-search-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--page-bg);background:0 0;width:100%;padding:9px 12px;display:block}.book-search-item:hover,.book-search-item-active{background:var(--page-bg)}.book-search-item-active{box-shadow:inset 3px 0 0 var(--primary-color)}.book-search-name{font-size:13px;font-weight:600;display:block}.book-search-meta{color:var(--text-secondary);font-size:11px;display:block}.bcl-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow-x:auto}.bcl-table{border-collapse:collapse;width:100%;font-size:13px}.bcl-table thead th{text-align:left;background:var(--page-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:10px 14px;font-weight:600}.bcl-table tbody td{border-bottom:1px solid var(--page-bg);padding:8px 14px}.bcl-qty-input{border:1px solid var(--border-color);border-radius:6px;width:70px;padding:6px 8px;font-size:13px}.bcl-preview-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px 25px}.bcl-preview-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.bcl-preview-header h3{margin:0;font-size:15px}.bcl-print-area{background:#f1f5f9;border-radius:8px;padding:12px;overflow:auto}.bcl-sheet-grid{background:#fff;flex-wrap:wrap;gap:2mm;display:flex}.bcl-roll-list{background:#fff;flex-direction:column;gap:2mm;width:fit-content;display:flex}.bcl-label{box-sizing:border-box;page-break-inside:avoid;break-inside:avoid;border:1px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;padding:1mm;display:flex;overflow:hidden}.bcl-label-name{text-align:center;max-height:2.2em;margin-bottom:.5mm;font-size:8px;font-weight:600;line-height:1.1;overflow:hidden}.bcl-label-svg{max-width:100%;height:auto}.bcl-label-price{margin-top:.5mm;font-size:9px;font-weight:700}.bcl-label-no-barcode{color:var(--danger-color);font-size:8px}@media print{:where(body:has(.bcl-print-area)) *{visibility:hidden}:where(body:has(.bcl-print-area)) .erp-layout{height:0;min-height:0;overflow:hidden}.bcl-print-area,.bcl-print-area *{visibility:visible}.bcl-print-area{background:#fff;border-radius:0;width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}.bcl-label.show-cut-guides{border:1px dashed #999}.bcl-label:not(.show-cut-guides){border:none}}