:root{--accent:#10b981;--accent-light:#f0fdf4;--sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "JetBrains Mono", Consolas, monospace;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{width:100%;min-height:100vh}.layout{height:100vh;font-family:var(--sans);color:var(--text-color,#111827);isolation:isolate;font-size:14px;display:flex;position:relative;overflow:hidden}.layoutBgLayer{background:var(--layout-bg,#f3f4f6);filter:brightness(var(--layout-brightness,1));z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.sidebar{z-index:1;background:0 0;border-right:1px solid #ffffff38;flex-direction:column;flex-shrink:0;width:220px;display:flex;position:relative;overflow:hidden}.sidebarLogo{cursor:pointer;border-bottom:1px solid #ffffff2e;align-items:center;gap:10px;padding:20px 16px 18px;display:flex}.sidebarLogoMark{background:var(--accent,#10b981);color:#fff;letter-spacing:.5px;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid;box-shadow:0 4px 12px #00000040}.sidebarLogoText{color:#fff;white-space:nowrap;text-shadow:0 1px 6px #0009;letter-spacing:.01em;font-size:15px;font-weight:700}.sidebarNav{flex-direction:column;flex:1;gap:2px;min-height:0;padding:10px;display:flex;overflow-y:auto}.navDivider{background:#ffffff24;height:1px;margin:7px 8px}.navItem{color:#ffffffe0;text-shadow:0 1px 6px #0009,0 0 20px #0000004d;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.navItem:hover{color:#fff;background:#ffffff29}.navItemActive{background:var(--accent,#10b981);text-shadow:none;color:#fff!important}.navItemActive:hover{opacity:.92}.navItemAccent{color:#fff}.sidebarFooter{border-top:1px solid #ffffff1f;align-items:center;gap:9px;padding:14px;display:flex}.sidebarAvatar{background:var(--accent,#10b981);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.sidebarUserInfo{flex:1;min-width:0}.sidebarUserName{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #0006;font-size:12.5px;font-weight:600;overflow:hidden}.sidebarUserRole{color:#ffffff8c;margin-top:1px;font-size:11px}.layoutRight{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e5e7ebb3;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 28px;display:flex}.topbarTitle{color:#111827;letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:18px;font-weight:700}.topbarRight{align-items:center;gap:10px;display:flex}.topbarSearch{align-items:center;display:flex;position:relative}.topbarSearchIcon{color:var(--text-muted-2);pointer-events:none;position:absolute;left:10px}.topbarSearchInput{color:#111827;background:#f9fafbe6;border:1px solid #e5e7ebcc;border-radius:8px;outline:none;width:220px;height:34px;padding:0 12px 0 32px;font-family:inherit;font-size:13.5px;transition:border-color .15s,background .15s}.topbarSearchInput:focus{border-color:var(--accent,#10b981);background:#fff}.topbarAddBtn{background:var(--accent,#10b981);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:opacity .15s;display:flex}.topbarAddBtn:hover{opacity:.88}.layoutContent{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.layoutScroll{z-index:1;flex:1;padding:22px 28px;position:relative;overflow-y:auto}@media (width<=768px){.sidebar{width:60px;min-width:60px}.sidebarLogoText{display:none}.navItem{justify-content:center;gap:0;margin:0 6px;padding:10px 0;position:relative}.navItem span,.sidebarUserInfo{display:none}.sidebarFooter{justify-content:center;padding:12px 0}.layoutScroll{padding:16px 12px}.topbarSearch{max-width:130px}.topbarSearchInput{width:100%}.topbarAddBtn span{display:none}.topbarAddBtn{justify-content:center;gap:0;min-width:34px;padding:0 10px}.topbarTitle{font-size:15px}}@media (width<=480px){.topbarSearch{display:none}}.dashboard{flex-direction:column;gap:20px;display:flex}.dashCards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.dashCard{background:var(--card-bg,#fff);border:1px solid #fff6;border-radius:14px;padding:20px 22px;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 24px #0000001f}.cardBlurOn .dashCard{-webkit-backdrop-filter:blur(10px)}.dashCard:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000002e}.dashCardIcon{border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:14px;display:grid}.dashCardLabel{color:var(--text-muted-2,#9ca3af);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:600}.dashCardValue{color:var(--text-color,#111827);letter-spacing:-.02em;margin-bottom:4px;font-size:28px;font-weight:800;line-height:1}.dashCardSub{color:var(--text-muted-2,#9ca3af);font-size:12px}.dashRow{grid-template-columns:1fr 340px;align-items:start;gap:18px;display:grid}.dashSection{background:var(--card-bg,#fff);border:1px solid #fff6;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.cardBlurOn .dashSection{-webkit-backdrop-filter:blur(10px)}.dashSectionHead{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dashSectionTitle{color:var(--text-color,#111827);font-size:14px;font-weight:700}.dashSectionLink{color:var(--accent,#10b981);font-size:13px;font-weight:600;text-decoration:none}.dashSectionLink:hover{text-decoration:underline}.dashChartWrap{padding:18px 20px 8px}.dashEmpty{text-align:center;color:var(--text-muted-2,#9ca3af);padding:40px 20px;font-size:13.5px}.dashStatusList{flex-direction:column;gap:12px;padding:14px 20px 18px;display:flex}.dashStatusRow{flex-direction:column;gap:5px;display:flex}.dashStatusTop{justify-content:space-between;align-items:center;gap:8px;display:flex}.dashStatusName{color:var(--text-color,#374151);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.dashStatusDot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dashStatusCount{color:var(--text-muted-2,#9ca3af);font-size:12px}.dashStatusBarWrap{background:#00000012;border-radius:3px;height:6px;overflow:hidden}.dashStatusBar{border-radius:3px;height:100%;transition:width .4s}.dashTable{border-collapse:collapse;width:100%}.dashTable th{text-align:left;color:var(--text-muted-2,#9ca3af);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #0000000f;padding:10px 20px;font-size:11px;font-weight:700}.dashTable td{color:var(--text-color,#111827);border-bottom:1px solid #0000000a;padding:12px 20px;font-size:13px}.dashTable tbody tr:last-child td{border-bottom:none}.dashTh-r,.dashTd-r{text-align:right}.dashOrderNum{color:var(--text-muted,#6b7280);font-size:12px;font-weight:700}.dashOrderClient{font-weight:600}.dashOrderAmount{white-space:nowrap;font-weight:700}.dashStatusBadge{color:#fff;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}@media (width<=900px){.dashRow{grid-template-columns:1fr}}.exp-page{max-width:1200px}.exp-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.exp-title{letter-spacing:-.03em;color:#111827;margin:0;font-size:28px;font-weight:800}.exp-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.exp-btn-primary{color:#111827;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.exp-btn-primary:hover{background:#d97706}.exp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.exp-btn-secondary{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.exp-btn-secondary:hover{background:#f9fafb}.exp-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.exp-btn-danger:hover{background:#dc2626}.exp-add-btn{min-width:160px;height:42px}.exp-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.exp-stat-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:18px 20px;box-shadow:0 2px 8px #0000000a}.exp-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.exp-stat-value{letter-spacing:-.02em;color:#111827;margin:6px 0 4px;font-size:26px;font-weight:900}.exp-stat-sub{color:#9ca3af;font-size:12px}.exp-stat-blue{border-top:3px solid #3b82f6}.exp-stat-purple{border-top:3px solid #8b5cf6}.exp-stat-gray{border-top:3px solid #9ca3af}.exp-filters{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #00000008}.exp-search{color:#111827;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;flex:1;min-width:220px;padding:8px 12px;font-size:13px;transition:border .15s}.exp-search:focus{border-color:#f59e0b}.exp-filter-select,.exp-filter-date{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 10px;font-size:13px;transition:border .15s}.exp-filter-select:focus,.exp-filter-date:focus{border-color:#f59e0b}.exp-filter-reset{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.exp-filter-reset:hover{background:#fee2e2}.exp-table-wrap{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.exp-table-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.exp-table-count{color:#6b7280;font-size:13px;font-weight:600}.exp-loading,.exp-empty{text-align:center;color:#9ca3af;padding:60px 20px}.exp-empty-icon{margin-bottom:12px;font-size:48px}.exp-empty-title{color:#374151;margin-bottom:4px;font-size:16px;font-weight:700}.exp-empty-sub{font-size:13px}.exp-table{border-collapse:collapse;width:100%;font-size:13px}.exp-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#fafafa;border-bottom:1px solid #f3f4f6;padding:12px 14px;font-size:11px;font-weight:700}.exp-th-amount{text-align:right}.exp-table tbody .exp-row{transition:background .1s}.exp-table tbody .exp-row:hover{background:#fafafa}.exp-table td{vertical-align:middle;border-bottom:1px solid #f9fafb;padding:12px 14px}.exp-td-date{white-space:nowrap;color:#374151;font-weight:500}.exp-td-supplier{color:#374151;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-weight:500;overflow:hidden}.exp-td-desc{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.exp-td-amount{text-align:right;color:#111827;white-space:nowrap;font-weight:700}.exp-td-order{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.exp-td-actions{text-align:right;white-space:nowrap}.exp-order-link{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.exp-general{color:#9ca3af;font-size:12px}.exp-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.exp-tfoot td{color:#374151;background:#f9fafb;border-top:2px solid #e5e7eb;padding:12px 14px;font-size:13px;font-weight:600}.exp-total-sum{color:#111827;font-size:15px;font-weight:900}.exp-action-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;margin-left:2px;padding:5px 7px;font-size:14px;transition:all .12s}.exp-action-btn:hover{color:#374151;background:#f3f4f6}.exp-action-del:hover{color:#ef4444;background:#fef2f2}.exp-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.exp-modal{background:#fff;border-radius:20px;width:500px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0003}.exp-modal-head{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.exp-modal-head h2{color:#111827;margin:0;font-size:18px;font-weight:800}.exp-modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;transition:all .12s;display:grid}.exp-modal-close:hover{color:#111827;background:#e5e7eb}.exp-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.exp-form label{flex-direction:column;gap:6px;display:flex}.exp-form label span:first-child{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.exp-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.exp-input{color:#111827;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.exp-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.exp-textarea{resize:vertical;min-height:64px}.exp-select{cursor:pointer;background:#fff}.exp-category-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.exp-cat-btn{color:#6b7280;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 6px;font-size:12px;font-weight:600;transition:all .12s}.exp-cat-btn:hover{color:#374151;background:#f9fafb}.exp-cat-btn.selected{font-weight:700}.exp-receipt-upload{cursor:pointer;color:#9ca3af;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;font-size:13px;transition:all .15s;display:flex}.exp-receipt-upload:hover{color:#374151;border-color:#f59e0b}.exp-receipt-upload span:first-child{font-size:28px}.exp-receipt-hint{color:#d1d5db;font-size:11px}.exp-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.exp-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.exp-confirm{text-align:center;background:#fff;border-radius:18px;max-width:360px;padding:32px;box-shadow:0 24px 60px #0003}.exp-confirm-icon{margin-bottom:14px;font-size:40px}.exp-confirm h3{color:#111827;margin:0 0 10px;font-size:18px;font-weight:800}.exp-confirm p{color:#374151;margin:0 0 6px;font-size:14px}.exp-confirm-warn{color:#9ca3af!important;margin-bottom:20px!important;font-size:12px!important}@media (width<=900px){.exp-stats{grid-template-columns:1fr 1fr}.exp-filters{flex-direction:column;align-items:stretch}.exp-search{min-width:unset}.exp-table-wrap{overflow-x:auto}.exp-form-row{grid-template-columns:1fr}.exp-category-grid{grid-template-columns:repeat(3,1fr)}.exp-td-desc{max-width:120px}}@media (width<=600px){.exp-stats{grid-template-columns:1fr}.exp-topbar{flex-direction:column;align-items:stretch}.exp-add-btn{width:100%}}.cl-page{max-width:1200px}.cl-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.cl-title{letter-spacing:-.03em;color:#111827;margin:0;font-size:28px;font-weight:800}.cl-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.cl-btn-primary{color:#111827;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.cl-btn-primary:hover{background:#d97706}.cl-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cl-btn-secondary{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.cl-btn-secondary:hover{background:#f9fafb}.cl-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.cl-btn-danger:hover{background:#dc2626}.cl-add-btn{min-width:180px;height:42px}.cl-filters{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #00000008}.cl-search{color:#111827;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;flex:1;min-width:220px;padding:8px 12px;font-size:13px;transition:border .15s}.cl-search:focus{border-color:#f59e0b}.cl-filter-select{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.cl-filter-select:focus{border-color:#f59e0b}.cl-filter-reset{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.cl-filter-reset:hover{background:#fee2e2}.cl-table-wrap{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.cl-table-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.cl-table-count{color:#6b7280;font-size:13px;font-weight:600}.cl-loading,.cl-empty{text-align:center;color:#9ca3af;padding:60px 20px}.cl-empty-icon{margin-bottom:12px;font-size:48px}.cl-empty-title{color:#374151;margin-bottom:4px;font-size:16px;font-weight:700}.cl-empty-sub{font-size:13px}.cl-table{border-collapse:collapse;width:100%;font-size:13px}.cl-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#fafafa;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:11px;font-weight:700}.cl-table tbody .cl-row:hover{background:#fafafa}.cl-table td{vertical-align:middle;border-bottom:1px solid #f9fafb;padding:13px 16px}.cl-name{color:#111827;font-weight:600}.cl-email{color:#9ca3af;margin-top:2px;font-size:12px}.cl-phone{color:#374151;white-space:nowrap;font-weight:500}.cl-address{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.cl-date{color:#9ca3af;white-space:nowrap;font-size:12px}.cl-actions{text-align:right;white-space:nowrap}.cl-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.cl-action-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;margin-left:2px;padding:5px 7px;font-size:14px;transition:all .12s}.cl-action-btn:hover{color:#374151;background:#f3f4f6}.cl-action-del:hover{color:#ef4444;background:#fef2f2}.cl-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cl-modal{background:#fff;border-radius:20px;width:500px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0003}.cl-modal-head{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.cl-modal-head h2{color:#111827;margin:0;font-size:18px;font-weight:800}.cl-modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;transition:all .12s;display:grid}.cl-modal-close:hover{color:#111827;background:#e5e7eb}.cl-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.cl-form label{flex-direction:column;gap:6px;display:flex}.cl-form label span:first-child{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.cl-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cl-input{color:#111827;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.cl-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.cl-textarea{resize:vertical;min-height:70px}.cl-select{cursor:pointer;background:#fff}.cl-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.cl-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.cl-confirm{text-align:center;background:#fff;border-radius:18px;max-width:360px;padding:32px;box-shadow:0 24px 60px #0003}.cl-confirm-icon{margin-bottom:14px;font-size:40px}.cl-confirm h3{color:#111827;margin:0 0 10px;font-size:18px;font-weight:800}.cl-confirm p{color:#374151;margin:0 0 6px;font-size:14px}.cl-confirm-warn{color:#9ca3af!important;margin-bottom:20px!important;font-size:12px!important}@media (width<=768px){.cl-topbar{flex-direction:column;align-items:stretch}.cl-add-btn{width:100%}.cl-filters{flex-direction:column;align-items:stretch}.cl-search{min-width:unset}.cl-form-row{grid-template-columns:1fr}.cl-address{display:none}}.ord-page{max-width:1200px}.ord-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.ord-title{letter-spacing:-.03em;color:#111827;margin:0;font-size:28px;font-weight:800}.ord-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.ord-btn-primary{color:#111827;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.ord-btn-primary:hover{background:#d97706}.ord-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ord-btn-secondary{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.ord-btn-secondary:hover{background:#f9fafb}.ord-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.ord-btn-danger:hover{background:#dc2626}.ord-add-btn{min-width:160px;height:42px}.ord-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.ord-stat-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:18px 20px;box-shadow:0 2px 8px #0000000a}.ord-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.ord-stat-value{letter-spacing:-.02em;color:#111827;margin:6px 0 4px;font-size:26px;font-weight:900}.ord-stat-sub{color:#9ca3af;font-size:12px}.ord-stat-blue{border-top:3px solid #3b82f6}.ord-stat-yellow{border-top:3px solid #f59e0b}.ord-stat-green{border-top:3px solid #10b981}.ord-stat-purple{border-top:3px solid #8b5cf6}.ord-status-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.ord-tab{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ord-tab:hover{color:#374151;background:#f9fafb}.ord-tab.active{border-color:#0000;font-weight:700}.ord-tab-count{background:#0000001a;border-radius:10px;padding:1px 6px;font-size:11px}.ord-table-wrap{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.ord-table-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ord-search{color:#111827;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border .15s}.ord-search:focus{border-color:#f59e0b}.ord-table-count{color:#6b7280;white-space:nowrap;font-size:13px;font-weight:600}.ord-loading,.ord-empty{text-align:center;color:#9ca3af;padding:60px 20px}.ord-empty-icon{margin-bottom:12px;font-size:48px}.ord-empty-title{color:#374151;margin-bottom:4px;font-size:16px;font-weight:700}.ord-empty-sub{font-size:13px}.ord-table{border-collapse:collapse;width:100%;font-size:13px}.ord-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#fafafa;border-bottom:1px solid #f3f4f6;padding:12px 14px;font-size:11px;font-weight:700}.ord-th-r{text-align:right}.ord-table tbody .ord-row:hover{background:#fafafa}.ord-table td{vertical-align:middle;border-bottom:1px solid #f9fafb;padding:13px 14px}.ord-num{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:700}.ord-client{color:#111827;font-weight:600}.ord-name{color:#6b7280;margin-top:2px;font-size:12px}.ord-amount{text-align:right;color:#111827;white-space:nowrap;font-weight:700}.ord-remaining{text-align:right;white-space:nowrap}.ord-deadline{white-space:nowrap;color:#374151;font-size:12px}.ord-actions{text-align:right;white-space:nowrap}.ord-debt{color:#ef4444;font-weight:700}.ord-paid{color:#16a34a;font-weight:700}.ord-overdue{color:#ef4444;font-weight:700}.ord-status-select{cursor:pointer;appearance:none;border:1.5px solid #0000;border-radius:20px;outline:none;padding:4px 10px;font-size:12px;font-weight:700;transition:all .15s}.ord-status-select:hover{opacity:.8}.ord-action-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;margin-left:2px;padding:5px 7px;font-size:14px;transition:all .12s}.ord-action-btn:hover{color:#374151;background:#f3f4f6}.ord-action-del:hover{color:#ef4444;background:#fef2f2}.ord-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ord-modal{background:#fff;border-radius:20px;width:540px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0003}.ord-modal-head{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.ord-modal-head h2{color:#111827;margin:0;font-size:18px;font-weight:800}.ord-modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;transition:all .12s;display:grid}.ord-modal-close:hover{color:#111827;background:#e5e7eb}.ord-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.ord-form label{flex-direction:column;gap:6px;display:flex}.ord-form label span:first-child{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.ord-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ord-input{color:#111827;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.ord-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.ord-textarea{resize:vertical;min-height:70px}.ord-select{cursor:pointer;background:#fff}.ord-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.ord-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.ord-confirm{text-align:center;background:#fff;border-radius:18px;max-width:360px;padding:32px;box-shadow:0 24px 60px #0003}.ord-confirm-icon{margin-bottom:14px;font-size:40px}.ord-confirm h3{color:#111827;margin:0 0 10px;font-size:18px;font-weight:800}.ord-confirm p{color:#374151;margin:0 0 6px;font-size:14px}.ord-confirm-warn{color:#9ca3af!important;margin-bottom:20px!important;font-size:12px!important}@media (width<=900px){.ord-stats{grid-template-columns:1fr 1fr}.ord-table-wrap{overflow-x:auto}}@media (width<=600px){.ord-stats{grid-template-columns:1fr}.ord-topbar{flex-direction:column;align-items:stretch}.ord-add-btn{width:100%}.ord-form-row{grid-template-columns:1fr}}.ld-page{max-width:1200px}.ld-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.ld-title{letter-spacing:-.03em;color:#111827;margin:0;font-size:28px;font-weight:800}.ld-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.ld-btn-primary{color:#111827;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.ld-btn-primary:hover{background:#d97706}.ld-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ld-btn-secondary{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.ld-btn-secondary:hover{background:#f9fafb}.ld-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.ld-btn-danger:hover{background:#dc2626}.ld-add-btn{min-width:160px;height:42px}.ld-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.ld-stat-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:18px 20px;box-shadow:0 2px 8px #0000000a}.ld-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.ld-stat-value{letter-spacing:-.02em;color:#111827;margin:6px 0 4px;font-size:26px;font-weight:900}.ld-stat-sub{color:#9ca3af;font-size:12px}.ld-stat-blue{border-top:3px solid #3b82f6}.ld-stat-yellow{border-top:3px solid #f59e0b}.ld-stat-purple{border-top:3px solid #8b5cf6}.ld-stat-green{border-top:3px solid #10b981}.ld-status-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.ld-tab{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ld-tab:hover{color:#374151;background:#f9fafb}.ld-tab-active{color:#111827;border-color:#f59e0b;font-weight:700}.ld-tab-count{background:#00000014;border-radius:10px;padding:1px 6px;font-size:11px}.ld-search-bar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.ld-search{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:13px;transition:border .15s;box-shadow:0 2px 8px #00000008}.ld-search:focus{border-color:#f59e0b}.ld-filter-reset{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.ld-filter-reset:hover{background:#fee2e2}.ld-loading,.ld-empty{text-align:center;color:#9ca3af;padding:60px 20px}.ld-empty-icon{margin-bottom:12px;font-size:48px}.ld-empty-title{color:#374151;margin-bottom:4px;font-size:16px;font-weight:700}.ld-empty-sub{font-size:13px}.ld-cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.ld-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:10px;padding:18px 20px;transition:box-shadow .15s;display:flex;box-shadow:0 2px 8px #0000000a}.ld-card:hover{box-shadow:0 4px 20px #00000014}.ld-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ld-card-name{color:#111827;font-size:15px;font-weight:700}.ld-card-phone{color:#6b7280;margin-top:2px;font-size:13px}.ld-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.ld-card-product{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.ld-card-product-icon{font-size:16px}.ld-card-budget{color:#9ca3af;font-weight:400}.ld-card-comment{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.ld-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:10px;display:flex}.ld-card-meta{align-items:center;gap:8px;display:flex}.ld-card-source{color:#9ca3af;background:#f3f4f6;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.ld-card-time{color:#d1d5db;font-size:11px}.ld-card-actions{align-items:center;gap:4px;display:flex}.ld-status-select{cursor:pointer;appearance:none;border:1.5px solid #0000;border-radius:16px;outline:none;padding:4px 8px;font-size:11px;font-weight:700;transition:all .15s}.ld-status-select:hover{opacity:.8}.ld-action-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:5px 6px;font-size:13px;transition:all .12s}.ld-action-btn:hover{color:#374151;background:#f3f4f6}.ld-action-del:hover{color:#ef4444;background:#fef2f2}.ld-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ld-modal{background:#fff;border-radius:20px;width:520px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0003}.ld-modal-head{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.ld-modal-head h2{color:#111827;margin:0;font-size:18px;font-weight:800}.ld-modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.ld-modal-close:hover{color:#111827;background:#e5e7eb}.ld-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.ld-form label{flex-direction:column;gap:6px;display:flex}.ld-form label span:first-child{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.ld-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ld-input{color:#111827;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.ld-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.ld-textarea{resize:vertical;min-height:70px}.ld-select{cursor:pointer;background:#fff}.ld-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.ld-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.ld-confirm{text-align:center;background:#fff;border-radius:18px;max-width:360px;padding:32px;box-shadow:0 24px 60px #0003}.ld-confirm-icon{margin-bottom:14px;font-size:40px}.ld-confirm h3{color:#111827;margin:0 0 10px;font-size:18px;font-weight:800}.ld-confirm p{color:#374151;margin:0 0 6px;font-size:14px}.ld-confirm-warn{color:#9ca3af!important;margin-bottom:20px!important;font-size:12px!important}@media (width<=900px){.ld-stats{grid-template-columns:1fr 1fr}.ld-cards{grid-template-columns:1fr}}@media (width<=600px){.ld-stats{grid-template-columns:1fr}.ld-topbar{flex-direction:column;align-items:stretch}.ld-add-btn{width:100%}.ld-form-row{grid-template-columns:1fr}}.wh-page{max-width:1300px}.wh-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.wh-title{letter-spacing:-.03em;color:#111827;margin:0;font-size:28px;font-weight:800}.wh-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.wh-top-actions{align-items:center;gap:10px;display:flex}.wh-btn-primary{color:#111827;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.wh-btn-primary:hover{background:#d97706}.wh-btn-primary:disabled{opacity:.6;cursor:not-allowed}.wh-btn-secondary{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.wh-btn-secondary:hover{background:#f9fafb}.wh-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.wh-btn-danger:hover{background:#dc2626}.wh-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.wh-stat-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:18px 20px;box-shadow:0 2px 8px #0000000a}.wh-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.wh-stat-value{letter-spacing:-.02em;color:#111827;margin:6px 0 4px;font-size:26px;font-weight:900}.wh-stat-sub{color:#9ca3af;font-size:12px}.wh-stat-blue{border-top:3px solid #3b82f6}.wh-stat-green{border-top:3px solid #10b981}.wh-stat-red{border-top:3px solid #ef4444}.wh-stat-gray{border-top:3px solid #9ca3af}.wh-stat-purple{border-top:3px solid #8b5cf6}.wh-tabs{background:#f3f4f6;border-radius:12px;gap:4px;width:fit-content;margin-bottom:16px;padding:4px;display:flex}.wh-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.wh-tab.active{color:#111827;background:#fff;box-shadow:0 1px 4px #00000014}.wh-tab:hover:not(.active){color:#374151}.wh-filters{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #00000008}.wh-search{color:#111827;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;flex:1;min-width:220px;padding:8px 12px;font-size:13px;transition:border .15s}.wh-search:focus{border-color:#f59e0b}.wh-filter-select{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.wh-filter-select:focus{border-color:#f59e0b}.wh-low-check{color:#374151;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.wh-filter-reset{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.wh-filter-reset:hover{background:#fee2e2}.wh-table-wrap{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.wh-table-header{border-bottom:1px solid #f3f4f6;padding:14px 20px}.wh-table-count{color:#6b7280;font-size:13px;font-weight:600}.wh-loading,.wh-empty{text-align:center;color:#9ca3af;padding:60px 20px}.wh-empty-icon{margin-bottom:12px;font-size:48px}.wh-empty-title{color:#374151;margin-bottom:4px;font-size:16px;font-weight:700}.wh-empty-sub{font-size:13px}.wh-table{border-collapse:collapse;width:100%;font-size:13px}.wh-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#fafafa;border-bottom:1px solid #f3f4f6;padding:12px 14px;font-size:11px;font-weight:700}.wh-th-r{text-align:right}.wh-table tbody .wh-row:hover{background:#fafafa}.wh-table td{vertical-align:middle;border-bottom:1px solid #f9fafb;padding:12px 14px}.wh-item-name{color:#111827;font-weight:600}.wh-item-sku{color:#d1d5db;margin-top:2px;font-size:11px}.wh-supplier{color:#6b7280;font-size:12px}.wh-price{text-align:right;color:#374151;white-space:nowrap}.wh-stock{text-align:right;white-space:nowrap}.wh-minstock{text-align:right;color:#9ca3af;font-size:12px}.wh-total{text-align:right;color:#111827;white-space:nowrap;font-weight:700}.wh-actions{text-align:right;white-space:nowrap}.wh-stock-ok{color:#15803d;font-weight:700}.wh-stock-low{color:#ef4444;font-weight:700}.wh-low-badge{color:#ef4444;background:#fef2f2;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.wh-cat-badge{color:#374151;background:#f3f4f6;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.wh-action-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;margin-left:2px;padding:5px 7px;font-size:14px;transition:all .12s}.wh-action-btn:hover{color:#374151;background:#f3f4f6}.wh-action-plus{font-size:16px;font-weight:900;color:#16a34a!important}.wh-action-plus:hover{color:#15803d!important;background:#f0fdf4!important}.wh-action-minus{font-size:16px;font-weight:900;color:#d97706!important}.wh-action-minus:hover{color:#b45309!important;background:#fffbeb!important}.wh-action-del:hover{color:#ef4444;background:#fef2f2}.wh-tx-date{color:#374151;white-space:nowrap;font-size:12px}.wh-tx-qty{text-align:right;white-space:nowrap;font-weight:700}.wh-tx-sum{text-align:right;color:#111827;white-space:nowrap;font-weight:700}.wh-tx-order{color:#2563eb;font-size:12px;font-weight:600}.wh-tx-comment{color:#9ca3af;font-size:12px}.wh-tx-type{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.wh-receipt{color:#15803d;background:#f0fdf4}.wh-writeoff{color:#d97706;background:#fffbeb}.wh-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.wh-modal{background:#fff;border-radius:20px;width:520px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0003}.wh-modal-head{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.wh-modal-head h2{color:#111827;margin:0;font-size:18px;font-weight:800}.wh-modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.wh-modal-close:hover{color:#111827;background:#e5e7eb}.wh-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.wh-form label{flex-direction:column;gap:6px;display:flex}.wh-form label span:first-child{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.wh-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.wh-input{color:#111827;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.wh-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.wh-select{cursor:pointer;background:#fff}.wh-tx-total{color:#374151;background:#f9fafb;border-radius:10px;padding:10px 14px;font-size:13px}.wh-tx-remain{color:#9ca3af;font-size:12px}.wh-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.wh-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.wh-confirm{text-align:center;background:#fff;border-radius:18px;max-width:360px;padding:32px;box-shadow:0 24px 60px #0003}.wh-confirm-icon{margin-bottom:14px;font-size:40px}.wh-confirm h3{color:#111827;margin:0 0 10px;font-size:18px;font-weight:800}.wh-confirm p{color:#374151;margin:0 0 6px;font-size:14px}.wh-confirm-warn{color:#9ca3af!important;margin-bottom:20px!important;font-size:12px!important}@media (width<=900px){.wh-stats{grid-template-columns:1fr 1fr}.wh-table-wrap{overflow-x:auto}}@media (width<=600px){.wh-stats{grid-template-columns:1fr}.wh-topbar{flex-direction:column;align-items:stretch}.wh-top-actions{flex-direction:column}.wh-form-row{grid-template-columns:1fr}.wh-filters{flex-direction:column;align-items:stretch}}.calc-page{max-width:1200px}.calc-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.calc-title{letter-spacing:-.03em;color:#111827;margin:0;font-size:28px;font-weight:800}.calc-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.calc-top-actions{align-items:center;gap:10px;display:flex}.calc-btn-primary{color:#111827;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.calc-btn-primary:hover{background:#d97706}.calc-btn-primary:disabled{opacity:.6;cursor:not-allowed}.calc-btn-secondary{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.calc-btn-secondary:hover{background:#f9fafb}.calc-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.calc-btn-danger:hover{background:#dc2626}.calc-search-bar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.calc-search{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:13px;transition:border .15s;box-shadow:0 2px 8px #00000008}.calc-search:focus{border-color:#f59e0b}.calc-filter-reset{color:#ef4444;cursor:pointer;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.calc-table-wrap{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.calc-table-header{border-bottom:1px solid #f3f4f6;padding:14px 20px}.calc-table-count{color:#6b7280;font-size:13px;font-weight:600}.calc-loading,.calc-empty{text-align:center;color:#9ca3af;padding:60px 20px}.calc-empty-icon{margin-bottom:12px;font-size:48px}.calc-empty-title{color:#374151;margin-bottom:4px;font-size:16px;font-weight:700}.calc-empty-sub{font-size:13px}.calc-table{border-collapse:collapse;width:100%;font-size:13px}.calc-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#fafafa;border-bottom:1px solid #f3f4f6;padding:12px 14px;font-size:11px;font-weight:700}.calc-th-r{text-align:right}.calc-table tbody .calc-row:hover{background:#fafafa}.calc-table td{vertical-align:middle;border-bottom:1px solid #f9fafb;padding:13px 14px}.calc-num{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:700}.calc-client{color:#111827;font-weight:600}.calc-name{color:#6b7280;margin-top:2px;font-size:12px}.calc-cost{text-align:right;color:#9ca3af;white-space:nowrap;font-size:12px}.calc-total{text-align:right;color:#111827;white-space:nowrap;font-weight:700}.calc-margin{text-align:right;white-space:nowrap}.calc-date{color:#9ca3af;white-space:nowrap;font-size:12px}.calc-actions{text-align:right;white-space:nowrap}.calc-margin-ok{color:#15803d;font-weight:700}.calc-margin-low{color:#d97706;font-weight:700}.calc-status-select{cursor:pointer;appearance:none;border:1.5px solid #0000;border-radius:20px;outline:none;padding:4px 10px;font-size:12px;font-weight:700}.calc-action-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;margin-left:2px;padding:5px 7px;font-size:14px;transition:all .12s}.calc-action-btn:hover{color:#374151;background:#f3f4f6}.calc-action-del:hover{color:#ef4444;background:#fef2f2}.calc-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.calc-confirm{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:360px;padding:32px;box-shadow:0 24px 60px #0003}.calc-confirm h3{color:#111827;margin:0 0 10px;font-size:18px;font-weight:800}.calc-confirm p{color:#374151;margin:0 0 6px;font-size:14px}.calc-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.calc-settings-modal{background:#fff;border-radius:20px;width:520px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0003}.calc-modal-head{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.calc-modal-head h2{color:#111827;margin:0;font-size:18px;font-weight:800}.calc-modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.calc-modal-close:hover{color:#111827;background:#e5e7eb}.calc-settings-form{flex-direction:column;gap:12px;padding:16px 24px 24px;display:flex}.calc-settings-hint{color:#6b7280;margin:0 0 4px;font-size:13px;line-height:1.5}.calc-settings-section{color:#111827;text-transform:uppercase;letter-spacing:.04em;border-top:1px solid #f3f4f6;margin:14px 0 2px;padding-top:10px;font-size:12px;font-weight:800}.calc-settings-section:first-of-type{border-top:none;padding-top:0}.calc-settings-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.calc-settings-label{color:#111827;font-size:14px;font-weight:600}.calc-settings-sub{color:#9ca3af;margin-top:2px;font-size:12px}.calc-settings-input-wrap{flex-shrink:0;align-items:center;gap:6px;display:flex}.calc-settings-input{text-align:right;color:#111827;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:70px;padding:7px 10px;font-size:14px;font-weight:700}.calc-settings-input:focus{border-color:#f59e0b}.calc-settings-unit{color:#374151;width:20px;font-size:14px;font-weight:700}.est-page{flex-direction:column;height:100%;display:flex}.est-header{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.est-back-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:none;border-radius:10px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s}.est-back-btn:hover{background:#e5e7eb}.est-header-info{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.est-title-input{color:#111827;background:0 0;border:none;border-bottom:2px solid #e5e7eb;outline:none;padding:6px 0;font-size:18px;font-weight:800;transition:border-color .15s}.est-title-input:focus{border-bottom-color:#f59e0b}.est-title-input::placeholder{color:#d1d5db}.est-client-input{color:#6b7280;background:0 0;border:none;border-bottom:1px solid #e5e7eb;outline:none;padding:4px 0;font-size:13px}.est-client-input:focus{border-bottom-color:#f59e0b}.est-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.est-error-inline{color:#ef4444;font-size:12px;font-weight:500}.est-body{align-items:flex-start;gap:20px;display:flex}.est-left{flex:1;min-width:0}.est-cat-tabs{border-bottom:2px solid #e5e7eb;gap:0;margin-bottom:16px;display:flex;overflow-x:auto}.est-cat-tab{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.est-cat-tab:hover,.est-cat-tab.active{color:#374151}.est-cat-count{color:#fff;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.est-items-section{margin-bottom:20px}.est-items-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.est-items-title{color:#111827;font-size:15px;font-weight:700}.est-coef-badge{color:#6b7280;background:#f3f4f6;border-radius:8px;padding:2px 8px;font-size:11px}.est-add-row-btn{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600;transition:all .12s}.est-add-row-btn:hover{background:#f3f4f6}.est-empty-cat{text-align:center;border:2px dashed #e5e7eb;border-radius:12px;padding:24px}.est-empty-add{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:13px;transition:color .15s}.est-empty-add:hover{color:#374151}.est-items-table{border-collapse:collapse;width:100%;font-size:13px}.est-items-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:8px 10px;font-size:11px;font-weight:700}.est-th-num{text-align:right;width:90px}.est-item-row{border-bottom:1px solid #f9fafb}.est-item-row:hover{background:#fafafa}.est-item-row td{vertical-align:middle;padding:6px 8px}.est-th-hint{color:#9ca3af;text-transform:none;letter-spacing:0;font-weight:400}.est-mat-select{cursor:pointer;background:#fff;border-color:#e5e7eb}.est-mat-select:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.est-pick-wrap{flex-direction:column;gap:4px;min-width:200px;display:flex}.est-name-wrap{align-items:center;gap:4px;display:flex}.est-back-to-price{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:6px;flex-shrink:0;width:26px;height:28px;font-size:13px}.est-back-to-price:hover{color:#111827;background:#e5e7eb}.est-work-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:800}.est-work-total{color:#111827;border-top:1px dashed #e5e7eb;margin-top:2px;padding-top:6px;font-weight:800}.est-cell-input{color:#111827;background:0 0;border:1.5px solid #0000;border-radius:6px;outline:none;width:100%;padding:5px 8px;font-family:inherit;font-size:13px;transition:all .12s}.est-cell-input:hover{background:#fff;border-color:#e5e7eb}.est-cell-input:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.est-name-input{min-width:140px}.est-num-input{text-align:right;width:80px}.est-unit-input{width:60px}.est-sell-cell{text-align:right;color:#111827;white-space:nowrap;padding-right:12px;font-weight:700}.est-del-row{cursor:pointer;color:#d1d5db;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px;transition:all .12s}.est-del-row:hover{color:#ef4444;background:#fef2f2}.est-items-table tfoot td{background:#fafafa;border-top:2px solid #e5e7eb;padding:8px 10px}.est-foot-buy{text-align:right;color:#9ca3af;font-size:12px;font-weight:600}.est-foot-sell{text-align:right;color:#111827;font-size:13px;font-weight:800}.est-right{flex-direction:column;flex-shrink:0;gap:14px;width:280px;display:flex}.est-summary{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000000a}.est-summary-title{color:#111827;margin-bottom:14px;font-size:14px;font-weight:800}.est-summary-empty{text-align:center;color:#9ca3af;padding:20px 0;font-size:13px;line-height:1.6}.est-sum-section{flex-direction:column;gap:8px;display:flex}.est-sum-row{color:#374151;justify-content:space-between;font-size:13px;display:flex}.est-sum-cost{color:#9ca3af}.est-sum-small{color:#9ca3af;font-size:12px}.est-sum-divider{background:#f3f4f6;height:1px;margin:10px 0}.est-sum-total{justify-content:space-between;align-items:center;padding-top:10px;display:flex}.est-sum-total span:first-child{color:#374151;font-size:13px;font-weight:700}.est-sum-total-val{color:#111827;letter-spacing:-.02em;font-size:20px;font-weight:900}.est-margin-bar{margin-top:14px}.est-margin-label{color:#6b7280;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.est-margin-track{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden}.est-margin-fill{border-radius:3px;height:100%;transition:width .3s}.est-profit-hint{color:#6b7280;text-align:right;margin-top:10px;font-size:12px}.est-profit-hint strong{color:#111827}.est-breakdown{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000a}.est-breakdown-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:12px;font-weight:700}.est-bd-row{color:#374151;border-bottom:1px solid #f9fafb;justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.est-bd-row:last-child{border:none}.est-bd-val{font-weight:600}@media (width<=900px){.est-body{flex-direction:column}.est-right{width:100%}.calc-topbar{flex-direction:column;align-items:stretch}.calc-top-actions{flex-direction:row}}.mat-page{max-width:1200px}.mat-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.mat-title{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800}.mat-subtitle{margin:4px 0 0;font-size:14px}.mat-btn-primary{background:var(--accent,#10b981);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:opacity .15s}.mat-btn-primary:hover:not(:disabled){opacity:.9}.mat-btn-primary:disabled{opacity:.6;cursor:not-allowed}.mat-btn-secondary{color:var(--text-color,#374151);cursor:pointer;background:#fff9;border:1.5px solid #0000001a;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.mat-btn-secondary:hover{background:#ffffffd9}.mat-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.mat-btn-danger:hover{background:#dc2626}.mat-cat-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.mat-cat-tab{background:var(--card-bg,#fff);color:var(--text-color,#374151);cursor:pointer;border:1.5px solid #fff6;border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.cardBlurOn .mat-cat-tab{-webkit-backdrop-filter:blur(10px)}.mat-cat-tab:hover{border-color:var(--accent,#10b981)}.mat-cat-tab.active{background:var(--accent,#10b981);color:#fff;border-color:var(--accent,#10b981)}.mat-cat-count{background:#0000001a;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.mat-cat-tab.active .mat-cat-count{background:#ffffff47}.mat-search-bar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.mat-search{color:var(--text-color,#111827);background:#ffffffe6;border:1.5px solid #fff6;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:13px;transition:border .15s}.mat-search:focus{border-color:var(--accent,#10b981)}.mat-filter-reset{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.mat-table-wrap{background:var(--card-bg,#fff);border:1px solid #fff6;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #0000001a}.cardBlurOn .mat-table-wrap{-webkit-backdrop-filter:blur(10px)}.mat-table-head{border-bottom:1px solid #0000000f;padding:13px 20px}.mat-table-count{color:var(--text-muted,#6b7280);font-size:13px;font-weight:600}.mat-empty{text-align:center;color:var(--text-muted-2,#9ca3af);padding:56px 20px}.mat-empty-title{color:var(--text-color,#374151);margin-bottom:4px;font-size:16px;font-weight:700}.mat-empty-sub{font-size:13px}.mat-table{border-collapse:collapse;width:100%;font-size:13px}.mat-table thead th{text-align:left;color:var(--text-muted-2,#9ca3af);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#00000006;border-bottom:1px solid #0000000f;padding:11px 14px;font-size:11px;font-weight:700}.mat-th-r{text-align:right}.mat-table td{vertical-align:middle;color:var(--text-color,#111827);border-bottom:1px solid #0000000b;padding:12px 14px}.mat-table tbody tr:last-child td{border-bottom:none}.mat-row:hover td{background:#00000006}.mat-name{color:var(--text-color,#111827);font-weight:600}.mat-note{color:var(--text-muted-2,#9ca3af);margin-top:2px;font-size:12px}.mat-group{color:var(--text-color,#374151);white-space:nowrap;font-weight:600}.mat-unit{color:var(--text-muted,#6b7280);white-space:nowrap}.mat-r{text-align:right;white-space:nowrap}.mat-buy{color:var(--text-muted,#6b7280)}.mat-coef{color:#7c3aed;font-weight:700}.mat-sell{color:var(--text-color,#111827);font-weight:800}.mat-supplier{color:var(--text-muted,#6b7280)}.mat-actions{text-align:right;white-space:nowrap}.mat-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.mat-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:2px;padding:5px 7px;font-size:14px;transition:all .12s}.mat-action-btn:hover{background:#0000000f}.mat-action-del:hover{background:#fef2f2}.mat-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mat-modal{background:#fff;border-radius:20px;width:520px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000040}.mat-modal-head{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.mat-modal-head h2{color:#111827;margin:0;font-size:18px;font-weight:800}.mat-modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.mat-modal-close:hover{color:#111827;background:#e5e7eb}.mat-form{flex-direction:column;gap:14px;padding:18px 24px 24px;display:flex}.mat-form label{flex-direction:column;gap:6px;display:flex}.mat-form label>span{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.mat-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mat-input{color:#111827;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.mat-input:focus{border-color:var(--accent,#10b981);box-shadow:0 0 0 3px var(--accent-light,#10b9811f)}.mat-textarea{resize:vertical;min-height:64px}.mat-select{cursor:pointer}.mat-field-hint{color:#9ca3af;text-transform:none;letter-spacing:0;font-size:11px;font-weight:500}.mat-sell-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.mat-sell-preview span{color:#166534;font-size:13px;font-weight:600}.mat-sell-preview strong{color:#15803d;font-size:18px;font-weight:800}.mat-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.mat-form-actions{justify-content:flex-end;gap:10px;margin-top:2px;display:flex}.mat-confirm{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:360px;padding:30px;box-shadow:0 24px 60px #00000040}.mat-confirm h3{color:#111827;margin:0 0 10px;font-size:18px;font-weight:800}.mat-confirm p{color:#6b7280;margin:0 0 18px;font-size:14px}.mat-confirm .mat-form-actions{justify-content:center}@media (width<=768px){.mat-topbar{flex-direction:column;align-items:stretch}.mat-form-row{grid-template-columns:1fr}.mat-supplier,.mat-table th:nth-child(6),.mat-table td:nth-child(6){display:none}}.cal-page{max-width:1300px}.cal-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.cal-title{letter-spacing:-.03em;color:#111827;margin:0;font-size:28px;font-weight:800}.cal-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.cal-btn-primary{color:#111827;cursor:pointer;background:#f59e0b;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.cal-btn-primary:hover{background:#d97706}.cal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cal-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.cal-btn-secondary:hover{background:#f9fafb}.cal-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.cal-btn-danger:hover{background:#dc2626}.cal-layout{align-items:flex-start;gap:20px;display:flex}.cal-main{flex:1;min-width:0}.cal-side{flex-direction:column;flex-shrink:0;gap:14px;width:280px;display:flex}.cal-nav{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cal-month-title{color:#111827;flex:1;font-size:20px;font-weight:800}.cal-nav-btn{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;place-items:center;width:36px;height:36px;font-size:18px;transition:all .12s;display:grid}.cal-nav-btn:hover{background:#f3f4f6}.cal-today-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .12s}.cal-today-btn:hover{background:#e5e7eb}.cal-grid-head{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.cal-grid-day-name{text-align:center;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:6px 0;font-size:11px;font-weight:700}.cal-grid-day-name.weekend{color:#ef4444}.cal-grid{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden;box-shadow:0 4px 16px #0000000a}.cal-cell{cursor:pointer;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;min-height:100px;padding:8px;transition:background .1s;position:relative}.cal-cell:nth-child(7n){border-right:none}.cal-grid>.cal-cell:nth-last-child(-n+7){border-bottom:none}.cal-cell:hover{background:#fafafa}.cal-cell.other-month .cal-cell-num{color:#d1d5db}.cal-cell.weekend{background:#fafafa}.cal-cell.today .cal-cell-num{color:#111827;background:#f59e0b;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.cal-cell.selected{background:#fffbeb}.cal-cell-num{color:#374151;place-items:center;width:26px;height:26px;margin-bottom:4px;font-size:13px;font-weight:600;display:grid}.cal-cell-events{flex-direction:column;gap:2px;display:flex}.cal-event-pill{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;transition:opacity .1s;overflow:hidden}.cal-event-pill:hover{opacity:.8}.cal-more{color:#9ca3af;padding-left:4px;font-size:10px}.cal-day-panel{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000a}.cal-day-panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-day-panel-title{color:#111827;font-size:13px;font-weight:700}.cal-side-add{color:#111827;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;place-items:center;width:28px;height:28px;font-size:18px;font-weight:700;transition:all .12s;display:grid}.cal-side-add:hover{background:#d97706}.cal-day-empty{color:#9ca3af;text-align:center;padding:16px 0;font-size:13px;line-height:1.8}.cal-day-add-link{color:#f59e0b;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:underline}.cal-day-events{flex-direction:column;gap:8px;display:flex}.cal-day-event{background:#fafafa;border-left:3px solid;border-radius:8px;padding:8px 10px}.cal-day-event-top{align-items:center;gap:6px;margin-bottom:3px;display:flex}.cal-day-event-icon{font-size:14px}.cal-day-event-title{color:#111827;flex:1;font-size:13px;font-weight:600}.cal-day-event-time{color:#9ca3af;white-space:nowrap;font-size:11px;font-weight:600}.cal-day-event-order{color:#2563eb;background:#eff6ff;border-radius:6px;margin-bottom:3px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.cal-day-event-comment{color:#6b7280;font-size:12px}.cal-day-event-actions{gap:4px;margin-top:6px;display:flex}.cal-ev-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;padding:3px 5px;font-size:13px;transition:all .12s}.cal-ev-btn:hover{color:#374151;background:#f3f4f6}.cal-ev-del:hover{color:#ef4444;background:#fef2f2}.cal-upcoming{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000a}.cal-upcoming-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:12px;font-weight:700}.cal-upcoming-empty{color:#9ca3af;text-align:center;padding:10px 0;font-size:13px}.cal-upcoming-item{cursor:pointer;border-bottom:1px solid #f9fafb;align-items:center;gap:10px;padding:8px 0;transition:background .1s;display:flex}.cal-upcoming-item:last-child{border:none}.cal-upcoming-item:hover{background:#fafafa;border-radius:8px;padding:8px 6px}.cal-upcoming-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cal-upcoming-name{color:#111827;font-size:13px;font-weight:600}.cal-upcoming-when{color:#9ca3af;margin-top:1px;font-size:11px}.cal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cal-modal{background:#fff;border-radius:20px;width:460px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0003}.cal-modal-head{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.cal-modal-head h2{color:#111827;margin:0;font-size:18px;font-weight:800}.cal-modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.cal-modal-close:hover{color:#111827;background:#e5e7eb}.cal-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.cal-form label{flex-direction:column;gap:6px;display:flex}.cal-form label span:first-child{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.cal-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cal-input{color:#111827;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.cal-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.cal-textarea{resize:vertical;min-height:70px}.cal-select{cursor:pointer;background:#fff}.cal-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.cal-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.cal-confirm{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:360px;padding:32px;box-shadow:0 24px 60px #0003}.cal-confirm h3{color:#111827;margin:0 0 10px;font-size:18px;font-weight:800}.cal-confirm p{color:#374151;margin:0 0 6px;font-size:14px}@media (width<=1000px){.cal-layout{flex-direction:column}.cal-side{width:100%}.cal-cell{min-height:70px}}@media (width<=600px){.cal-topbar{flex-direction:column;align-items:stretch}.cal-cell{min-height:50px;padding:4px}.cal-event-pill{display:none}.cal-more{display:block}.cal-form-row{grid-template-columns:1fr}}.fin-page{flex-direction:column;gap:20px;display:flex}.fin-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fin-title{color:#111827;margin:0;font-size:22px;font-weight:700}.fin-subtitle{color:#6b7280;margin:2px 0 0;font-size:13px}.fin-btn-primary{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .15s}.fin-btn-primary:hover{background:#d97706}.fin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.fin-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .15s}.fin-btn-secondary:hover{background:#e5e7eb}.fin-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .15s}.fin-btn-danger:hover{background:#dc2626}.fin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.fin-stat-card{background:#fff;border-left:4px solid #0000;border-radius:12px;padding:18px 20px;box-shadow:0 1px 4px #00000012}.fin-stat-green{border-color:#10b981}.fin-stat-blue{border-color:#3b82f6}.fin-stat-purple{border-color:#8b5cf6}.fin-stat-red{border-color:#ef4444}.fin-stat-gray{border-color:#9ca3af}.fin-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:500}.fin-stat-value{color:#111827;margin:4px 0 2px;font-size:22px;font-weight:700}.fin-stat-sub{color:#9ca3af;font-size:12px}.fin-tabs{border-bottom:2px solid #e5e7eb;gap:4px;display:flex}.fin-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:color .15s;display:flex;position:relative;bottom:-2px}.fin-tab:hover{color:#374151}.fin-tab.active{color:#f59e0b;border-color:#f59e0b;font-weight:600}.fin-debt-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.fin-filters{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #00000012}.fin-search{border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;min-width:200px;padding:8px 12px;font-size:14px}.fin-search:focus{border-color:#f59e0b}.fin-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.fin-select:focus{border-color:#f59e0b}.fin-date{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 10px;font-size:14px}.fin-date:focus{border-color:#f59e0b}.fin-reset{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:13px}.fin-reset:hover{color:#374151;background:#f3f4f6}.fin-table-wrap{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000012}.fin-table-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.fin-table-count{color:#6b7280;font-size:13px}.fin-table-sum{color:#374151;font-size:13px}.fin-loading,.fin-empty{text-align:center;color:#9ca3af;padding:60px 24px}.fin-empty-icon{margin-bottom:10px;font-size:40px}.fin-empty-title{color:#374151;margin-bottom:4px;font-size:16px;font-weight:600}.fin-empty-sub{font-size:13px}.fin-table{border-collapse:collapse;width:100%;font-size:14px}.fin-table thead{background:#f9fafb}.fin-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:11px 14px;font-size:12px;font-weight:600}.fin-th-r{text-align:right!important}.fin-row{border-bottom:1px solid #f3f4f6;transition:background .1s}.fin-row:last-child{border-bottom:none}.fin-row:hover{background:#fafafa}.fin-table td{color:#374151;vertical-align:middle;padding:12px 14px}.fin-date-cell{color:#6b7280;white-space:nowrap}.fin-client{font-weight:500}.fin-order{color:#3b82f6;font-weight:600}.fin-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.fin-method{color:#6b7280}.fin-amount{text-align:right;color:#111827;white-space:nowrap;font-weight:700}.fin-refund{color:#ef4444}.fin-comment{color:#9ca3af;max-width:200px;font-size:13px}.fin-actions{text-align:right;white-space:nowrap}.fin-action-btn{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:15px;transition:opacity .15s,background .15s}.fin-action-btn:hover{opacity:1;background:#f3f4f6}.fin-action-del:hover{background:#fef2f2}.fin-table tfoot td{background:#f9fafb;border-top:2px solid #e5e7eb;padding:10px 14px}.fin-foot-label{color:#6b7280;font-size:13px;font-weight:500}.fin-foot-sum{text-align:right;color:#111827;font-size:15px;font-weight:700}.fin-total-cell{color:#374151;font-weight:600}.fin-paid-cell{color:#10b981;font-weight:600}.fin-debt-cell{color:#ef4444;font-weight:700}.fin-pct-wrap{flex-direction:column;align-items:flex-end;gap:4px;min-width:80px;display:flex}.fin-pct-ok{color:#10b981;font-size:13px;font-weight:700}.fin-pct-low{color:#f59e0b;font-size:13px;font-weight:700}.fin-pct-track{background:#e5e7eb;border-radius:3px;width:80px;height:6px;overflow:hidden}.fin-pct-fill{border-radius:3px;height:100%;transition:width .3s}.fin-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fin-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 60px #00000040}.fin-modal-head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.fin-modal-head h2{color:#111827;margin:0;font-size:17px;font-weight:700}.fin-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px;line-height:1}.fin-modal-close:hover{color:#374151;background:#f3f4f6}.fin-form{flex-direction:column;gap:14px;padding:20px 22px;display:flex}.fin-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fin-form label{flex-direction:column;gap:5px;display:flex}.fin-form label span{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.fin-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.fin-input:focus{border-color:#f59e0b}.fin-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 14px;font-size:13px}.fin-form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.fin-confirm{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:32px 28px;box-shadow:0 20px 60px #00000040}.fin-confirm h3{color:#111827;margin:0 0 8px;font-size:18px;font-weight:700}.fin-confirm p{color:#374151;margin:0 0 6px;font-size:14px}@media (width<=640px){.fin-form-row{grid-template-columns:1fr}.fin-stats{grid-template-columns:1fr 1fr}.fin-table{font-size:13px}.fin-table th,.fin-table td{padding:9px 10px}.fin-comment{display:none}}.sup-page{flex-direction:column;gap:20px;display:flex}.sup-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sup-title{color:#111827;margin:0;font-size:22px;font-weight:700}.sup-subtitle{color:#6b7280;margin:2px 0 0;font-size:13px}.sup-btn-primary{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .15s}.sup-btn-primary:hover{background:#d97706}.sup-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sup-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .15s}.sup-btn-secondary:hover{background:#e5e7eb}.sup-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .15s}.sup-btn-danger:hover{background:#dc2626}.sup-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.sup-stat-card{background:#fff;border-left:4px solid #0000;border-radius:12px;padding:18px 20px;box-shadow:0 1px 4px #00000012}.sup-stat-blue{border-color:#3b82f6}.sup-stat-green{border-color:#10b981}.sup-stat-amber{border-color:#f59e0b}.sup-stat-purple{border-color:#8b5cf6}.sup-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:500}.sup-stat-value{color:#111827;margin:4px 0 2px;font-size:26px;font-weight:700}.sup-stat-sub{color:#9ca3af;font-size:12px}.sup-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sup-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sup-search{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;min-width:220px;padding:8px 12px;font-size:14px}.sup-search:focus{border-color:#f59e0b}.sup-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.sup-select:focus{border-color:#f59e0b}.sup-reset{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:13px}.sup-reset:hover{color:#374151;background:#f3f4f6}.sup-view-btns{gap:4px;display:flex}.sup-view-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:13px;transition:all .15s}.sup-view-btn.active{color:#fff;background:#111827;border-color:#111827}.sup-view-btn:not(.active):hover{color:#374151;background:#e5e7eb}.sup-loading,.sup-empty{text-align:center;color:#9ca3af;background:#fff;border-radius:12px;padding:60px 24px;box-shadow:0 1px 4px #00000012}.sup-empty-icon{margin-bottom:10px;font-size:44px}.sup-empty-title{color:#374151;margin-bottom:4px;font-size:16px;font-weight:600}.sup-empty-sub{font-size:13px}.sup-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.sup-card{cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:18px;transition:box-shadow .15s,transform .1s;display:flex;position:relative;box-shadow:0 1px 4px #00000012}.sup-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.sup-card-inactive{opacity:.65}.sup-card-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sup-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sup-status-dot.green{background:#10b981}.sup-status-dot.gray{background:#9ca3af}.sup-cat-badge{white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.sup-card-name{color:#111827;font-size:16px;font-weight:700;line-height:1.3}.sup-card-city{color:#6b7280;font-size:13px}.sup-card-contact{color:#374151;font-size:13px}.sup-card-phone{color:#3b82f6;font-size:13px}.sup-card-footer{border-top:1px solid #f3f4f6;align-items:center;gap:8px;margin-top:6px;padding-top:10px;display:flex}.sup-term-badge{color:#374151;background:#f3f4f6;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.sup-delivery{color:#6b7280;font-size:12px}.sup-card-actions{justify-content:flex-end;gap:4px;margin-top:4px;display:flex}.sup-action-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:15px;transition:opacity .15s,background .15s}.sup-action-btn:hover{opacity:1;background:#f3f4f6}.sup-action-del:hover{background:#fef2f2}.sup-status-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.sup-status-badge.active{color:#15803d;background:#f0fdf4}.sup-status-badge.inactive{color:#9ca3af;background:#f3f4f6}.sup-table-wrap{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000012}.sup-table{border-collapse:collapse;width:100%;font-size:14px}.sup-table thead{background:#f9fafb}.sup-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:11px 14px;font-size:12px;font-weight:600}.sup-row{cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .1s}.sup-row:last-child{border-bottom:none}.sup-row:hover{background:#fafafa}.sup-table td{color:#374151;vertical-align:middle;padding:12px 14px}.sup-td-name{color:#111827;font-weight:600}.sup-td-muted{color:#6b7280}.sup-td-actions{text-align:right;white-space:nowrap}.sup-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sup-drawer{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:460px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.sup-drawer-head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:20px 22px 14px;display:flex}.sup-drawer-name{color:#111827;margin:6px 0 0;font-size:20px;font-weight:700}.sup-drawer-body{flex:1;padding:20px 22px;overflow-y:auto}.sup-drawer-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.sup-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sup-detail-item{flex-direction:column;gap:4px;display:flex}.sup-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.sup-detail-notes{flex-direction:column;gap:6px;margin-top:18px;display:flex}.sup-detail-notes p{color:#374151;background:#f9fafb;border-radius:8px;margin:0;padding:12px;font-size:14px;line-height:1.6}.sup-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.sup-modal-head{z-index:1;background:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex;position:sticky;top:0}.sup-modal-head h2{color:#111827;margin:0;font-size:17px;font-weight:700}.sup-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px;line-height:1}.sup-modal-close:hover{color:#374151;background:#f3f4f6}.sup-form{flex-direction:column;gap:14px;padding:20px 22px;display:flex}.sup-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sup-form-full{grid-column:1/-1}.sup-form label{flex-direction:column;gap:5px;display:flex}.sup-form label span{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.sup-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.sup-input:focus{border-color:#f59e0b}.sup-textarea{resize:vertical;min-height:72px}.sup-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 14px;font-size:13px}.sup-form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.sup-confirm{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:32px 28px;box-shadow:0 20px 60px #00000040}.sup-confirm h3{color:#111827;margin:0 0 8px;font-size:18px;font-weight:700}.sup-confirm p{color:#374151;margin:0 0 6px;font-size:14px}@media (width<=640px){.sup-form-row{grid-template-columns:1fr}.sup-stats{grid-template-columns:1fr 1fr}.sup-detail-grid,.sup-cards{grid-template-columns:1fr}.sup-table{font-size:13px}.sup-table th,.sup-table td{padding:9px 10px}}.an-page{flex-direction:column;gap:20px;display:flex}.an-loading{text-align:center;color:#9ca3af;padding:60px;font-size:15px}.an-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.an-title{color:#111827;margin:0;font-size:22px;font-weight:700}.an-subtitle{color:#6b7280;margin:2px 0 0;font-size:13px}.an-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;display:grid}.an-kpi{background:#fff;border-left:4px solid #0000;border-radius:12px;padding:18px 20px;box-shadow:0 1px 4px #00000012}.an-kpi-green{border-color:#10b981}.an-kpi-blue{border-color:#3b82f6}.an-kpi-red{border-color:#ef4444}.an-kpi-amber{border-color:#f59e0b}.an-kpi-purple{border-color:#8b5cf6}.an-kpi-cyan{border-color:#06b6d4}.an-kpi-gray{border-color:#9ca3af}.an-kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.an-kpi-value{color:#111827;margin:5px 0 3px;font-size:22px;font-weight:700;line-height:1.2}.an-kpi-sub{color:#9ca3af;font-size:12px}.an-row-2{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.an-row-3{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}.an-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #00000012}.an-card-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.an-card-title{color:#111827;font-size:15px;font-weight:700}.an-card-sub{color:#9ca3af;font-size:12px}.an-no-data{text-align:center;color:#9ca3af;padding:32px;font-size:13px}.an-tooltip{background:#1f2937;border-radius:8px;padding:10px 14px;font-size:13px;box-shadow:0 4px 16px #00000040}.an-tooltip-label{color:#9ca3af;margin-bottom:6px;font-size:12px}.an-tooltip-row{color:#f9fafb;align-items:center;gap:6px;margin-top:3px;display:flex}.an-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.an-legend{flex-direction:column;gap:6px;margin-top:12px;display:flex}.an-legend-row{align-items:center;gap:8px;display:flex}.an-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.an-legend-label{color:#374151;flex:1;font-size:13px}.an-legend-count{color:#111827;font-size:13px;font-weight:700}.an-client-list{flex-direction:column;gap:12px;display:flex}.an-client-row{flex-direction:column;gap:4px;display:flex}.an-client-meta{align-items:center;gap:8px;display:flex}.an-client-rank{color:#9ca3af;width:20px;font-size:12px;font-weight:700}.an-client-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.an-client-orders{color:#9ca3af;white-space:nowrap;font-size:11px}.an-client-bar-wrap{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden}.an-client-bar{background:#f59e0b;border-radius:3px;height:100%;transition:width .4s}.an-client-amount{color:#374151;align-self:flex-end;font-size:13px;font-weight:700}.an-method-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.an-method-row{align-items:center;gap:8px;display:flex}.an-method-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.an-method-label{color:#374151;flex:1;font-size:13px}.an-method-pct{color:#111827;font-size:13px;font-weight:700}.an-method-amount{color:#9ca3af;font-size:12px}.an-funnel{flex-direction:column;gap:10px;display:flex}.an-funnel-row{align-items:center;gap:10px;display:flex}.an-funnel-label{color:#6b7280;white-space:nowrap;flex-shrink:0;width:90px;font-size:12px}.an-funnel-bar-wrap{background:#f3f4f6;border-radius:4px;flex:1;height:8px;overflow:hidden}.an-funnel-bar{border-radius:4px;height:100%;transition:width .4s}.an-funnel-count{text-align:right;color:#111827;flex-shrink:0;width:24px;font-size:13px;font-weight:700}@media (width<=900px){.an-row-2,.an-row-3{grid-template-columns:1fr}}@media (width<=640px){.an-kpi-grid{grid-template-columns:1fr 1fr}.an-kpi-value{font-size:18px}}.apTab{max-width:560px}.apPreview{border:1px solid #e5e7eb;border-radius:12px;height:130px;margin-bottom:24px;position:relative;overflow:hidden}.apPreviewBg{position:absolute;inset:0;background-position:50%!important;background-size:cover!important}.apPreviewCard{background:rgba(255,255,255,var(--card-bg-alpha,.88));text-align:center;border-radius:10px;min-width:120px;padding:12px 22px;transition:background .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000026}.apPreviewCardBlur{-webkit-backdrop-filter:blur(8px)}.apPreviewCardTitle{color:#111827;font-size:13px;font-weight:600}.apPreviewCardSub{color:#9ca3af;margin-top:2px;font-size:11px}.apSection{border-bottom:1px solid #f3f4f6;padding:18px 0}.apSection:last-child{border-bottom:none}.apLabel{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11.5px;font-weight:700}.apSegmented{flex-wrap:wrap;gap:6px;display:flex}.apSegBtn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .13s}.apSegBtn:hover{background:#f9fafb;border-color:#d1d5db}.apSegBtnActive{border-color:var(--accent,#10b981);background:var(--accent-light,#f0fdf4);color:var(--accent,#10b981)}.apColorRow{align-items:center;gap:12px;display:flex}.apColorPicker{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:48px;height:48px;padding:3px}.apColorHex{color:#374151;font-family:monospace;font-size:13px}.apGradRow{align-items:center;gap:16px;display:flex}.apColorCol{flex-direction:column;align-items:center;gap:6px;display:flex}.apGradArrow{color:#d1d5db;flex-shrink:0;font-size:22px;line-height:1}.apPresets{flex-wrap:wrap;gap:8px;display:flex}.apPresetItem{cursor:pointer;border:2.5px solid #0000;border-radius:10px;width:96px;height:64px;padding:0;transition:transform .13s,border-color .13s;position:relative;overflow:hidden;background-position:50%!important;background-size:cover!important}.apPresetItem:hover{transform:scale(1.05)}.apPresetItemActive{border-color:var(--accent,#10b981);box-shadow:0 0 0 3px var(--accent-light,#f0fdf4)}.apPresetItemLabel{color:#fff;text-align:center;background:linear-gradient(#0000,#00000080);padding:4px 6px;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.apUploadRow{align-items:center;gap:8px;margin-bottom:6px;display:flex}.apUploadBtn{height:36px;color:var(--accent,#10b981);cursor:pointer;border:1.5px dashed #d1d5db;border-radius:8px;align-items:center;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .13s;display:inline-flex}.apUploadBtn:hover{border-color:var(--accent,#10b981);background:var(--accent-light,#f0fdf4)}.apClearBtn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .13s}.apClearBtn:hover{background:#fecaca}.apUploadHint{color:#9ca3af;font-size:11.5px}.apRange{width:100%;height:6px;accent-color:var(--accent,#10b981);cursor:pointer;display:block}.apRangeHints{color:#9ca3af;justify-content:space-between;margin-top:8px;font-size:11.5px;display:flex}.apToggleRow{justify-content:space-between;align-items:center;gap:20px;display:flex}.apToggleLabel{color:#111827;margin-bottom:3px;font-size:14px;font-weight:500}.apToggleDesc{color:#9ca3af;font-size:12.5px}.apToggle{cursor:pointer;background:#d1d5db;border:none;border-radius:13px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .2s;position:relative}.apToggleOn{background:var(--accent,#10b981)}.apToggleKnob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #0003}.apToggleOn .apToggleKnob{transform:translate(18px)}.apResetBtn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .13s}.apResetBtn:hover{background:#e5e7eb}.settings{border-radius:16px;padding:28px 32px}.settingsHead{margin-bottom:24px}.settingsHead h1{color:var(--text-color,#111827);margin:0 0 4px;font-size:22px;font-weight:700}.settingsHead p{color:var(--text-muted-2,#9ca3af);margin:0;font-size:14px}.settingsTabs{border-bottom:2px solid #e5e7eb;gap:4px;margin-bottom:24px;display:flex}.settingsTabBtn{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:500;transition:color .15s;position:relative;bottom:-2px}.settingsTabBtn:hover{color:#374151}.settingsTabBtnActive{color:var(--accent,#10b981);border-bottom-color:var(--accent,#10b981);font-weight:600}.settingsCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:560px;padding:24px}.settingsCardTitle{color:#111827;margin-bottom:4px;font-size:15px;font-weight:600}.settingsCardDesc{color:var(--text-muted,#6b7280);font-size:13px;line-height:1.5}.themeGrid{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.themeBtn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.themeBtn:hover{background:#f9fafb;border-color:#d1d5db}.themeBtnActive{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.themeBtnDot{border-radius:50%;flex-shrink:0;width:16px;height:16px}.themeCustomRow{align-items:center;gap:12px;margin-top:16px;display:flex}.themeCustomLabel{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:600}.themeColorPickerWrap{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;transition:border-color .15s,background .15s;display:flex;position:relative}.themeColorPickerWrap:hover{background:#f9fafb;border-color:#d1d5db}.themeColorPicker{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.themeColorPickerDot{border:2px solid #00000014;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:background .1s}.themeColorPickerText{color:#374151;font-size:13px;font-weight:500;font-family:var(--mono)}.themeColorPickerActive{color:var(--accent);background:var(--accent-light);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.profileInput{background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.profileInput:focus{border-color:var(--accent)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.layoutScroll{color:var(--text-color,#111827)}.layoutScroll .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:24px;height:auto;margin-bottom:28px;padding:0;display:flex}.layoutScroll .topbar h1{letter-spacing:-.04em;color:#fff;text-shadow:0 1px 10px #00000080;margin:0;font-size:30px;font-weight:800}.layoutScroll .topbar p{color:#ffffffbf;text-shadow:0 1px 6px #0006;margin:8px 0 0}.statusBadge{background:var(--card-bg,#fff);border:1px solid #ffffff80;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:180px;padding:12px 16px;font-weight:700;display:inline-flex;box-shadow:0 10px 25px #0f172a1f}.statusDot{background:#9ca3af;border-radius:999px;width:10px;height:10px}.statusBadge.online{color:#047857}.statusBadge.online .statusDot{background:var(--accent,#10b981)}.statusBadge.offline{color:#b91c1c}.statusBadge.offline .statusDot{background:#ef4444}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.card,.panel{background:var(--card-bg,#fff);border:1px solid #ffffff73;border-radius:18px;padding:24px;box-shadow:0 14px 35px #0f172a1f}.cardLabel{color:var(--text-muted,#6b7280);font-weight:700}.cardValue{letter-spacing:-.04em;color:var(--text-color,#111827);margin-top:12px;font-size:40px;font-weight:900}.cardHint{color:var(--text-muted,#6b7280);margin-top:8px;font-size:14px}.panelHeader{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.panel h2{color:var(--text-color,#111827);margin:0;font-size:22px}.panel p{color:var(--text-muted,#6b7280);margin:8px 0 0}.layoutScroll [class$=-table-wrap],.layoutScroll [class$=-filters],.layoutScroll .an-card,.layoutScroll .an-kpi,.layoutScroll .cal-grid,.layoutScroll .cal-day-panel,.layoutScroll .sup-card,.layoutScroll .sup-empty,.layoutScroll .sup-loading,.layoutScroll .settings{background:var(--card-bg,#fff)!important;border-color:#fff6!important}.layoutScroll [class*=-stat-card]{background:var(--card-bg,#fff)!important}.cardBlurOn .layoutScroll [class$=-table-wrap],.cardBlurOn .layoutScroll [class$=-filters],.cardBlurOn .layoutScroll [class*=-stat-card],.cardBlurOn .layoutScroll .an-card,.cardBlurOn .layoutScroll .an-kpi,.cardBlurOn .layoutScroll .cal-grid,.cardBlurOn .layoutScroll .cal-day-panel,.cardBlurOn .layoutScroll .sup-card,.cardBlurOn .layoutScroll .card,.cardBlurOn .layoutScroll .panel,.cardBlurOn .layoutScroll .statusBadge,.cardBlurOn .layoutScroll [class$=-card]{-webkit-backdrop-filter:blur(10px)}.layoutScroll [class$=-title]{color:#fff;text-shadow:0 1px 10px #00000080}.layoutScroll [class$=-subtitle]{color:#ffffffc7;text-shadow:0 1px 6px #0006}.layoutScroll .an-card [class$=-title],.layoutScroll [class*=-stat-card] [class$=-title],.layoutScroll [class$=-table-wrap] [class$=-title],.layoutScroll [class$=-card] [class$=-title],.layoutScroll .cal-day-panel [class$=-title],.layoutScroll .est-page [class$=-title],.layoutScroll .settings [class$=-title]{color:var(--text-color,#111827);text-shadow:none}.layoutScroll [class*=-btn-primary]{background:var(--accent,#10b981);color:#fff}.layoutScroll [class*=-btn-primary]:hover:not(:disabled){opacity:.9}.layoutScroll input:focus,.layoutScroll select:focus,.layoutScroll textarea:focus{border-color:var(--accent,#10b981);box-shadow:0 0 0 3px var(--accent-light,#10b9811f);outline:none}.layoutScroll .wh-tab.active{color:var(--accent,#10b981)}.layoutScroll .fin-tab.active{color:var(--accent,#10b981);border-color:var(--accent,#10b981)}.layoutScroll .ld-tab-active{border-color:var(--accent,#10b981);color:#111827}.layoutScroll .sup-view-btn.active{background:var(--accent,#10b981);color:#fff;border-color:var(--accent,#10b981)}@media (width<=900px){.cards{grid-template-columns:1fr}.layoutScroll .topbar{display:grid}}.layoutScroll [class$=-card]{background:var(--card-bg,#fff)!important}.layoutScroll .est-page{border:1.5px solid #fff6;border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001f;background:var(--card-bg,#fff)!important;height:auto!important}.layoutScroll .est-header{border-bottom-color:#00000014!important}.layoutScroll .est-summary,.layoutScroll .est-breakdown{background:var(--card-bg,#fff)!important;border-color:#fff6!important}.layoutScroll [class$=-search]{background:#ffffffe6!important}.layoutScroll [class$=-table] thead,.layoutScroll [class$=-table] thead th{background:#00000006!important}.layoutScroll [class$=-table] tbody tr:hover td,.layoutScroll [class$=-table] tbody tr:hover{background:#00000008!important}.cardBlurOn .layoutScroll .est-page,.cardBlurOn .layoutScroll .est-summary,.cardBlurOn .layoutScroll .est-breakdown{-webkit-backdrop-filter:blur(10px)}.layoutScroll [class$=-card] [class$=-title],.layoutScroll .est-page [class$=-title]{color:var(--text-color,#111827);text-shadow:none}.layoutScroll .ord-tab,.layoutScroll .ld-tab{background:#ffffffe0!important;border-color:#ffffff80!important}.layoutScroll .wh-tabs{background:#ffffffe0!important}.layoutScroll .wh-tab.active{background:#ffffffb3!important}