:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.page{background:#fff;border-radius:10px;padding:20px}.product-form{margin-bottom:20px}.form-row{margin-bottom:10px}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:5px;width:100%;margin:5px 0;padding:8px}.barcode-field{gap:10px;display:flex}.generate-btn,.submit-btn,.cancel-btn{color:#fff;cursor:pointer;background:#0f3460;border:none;border-radius:5px;margin:5px;padding:8px 16px}.cancel-btn{background:#6c757d}.search-filters{margin:20px 0}.search-input-wide{border:1px solid #ddd;border-radius:5px;width:100%;padding:8px}.filter-row{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.filter-select{border:1px solid #ddd;border-radius:5px;padding:8px}.clear-filters-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:5px;padding:8px 16px}.search-info{background:#e8f4fd;border-radius:5px;margin:10px 0;padding:10px}.product-table{border-collapse:collapse;width:100%;margin-top:20px}.product-table th,.product-table td{text-align:left;border:1px solid #ddd;padding:10px}.product-table th{color:#fff;background:#1a1a2e}.actions-cell button{cursor:pointer;margin:0 3px;padding:4px 8px}.edit-btn{background:#ffc107;border:none;border-radius:3px;padding:4px 8px}.delete-btn{color:#fff;background:#dc3545;border:none;border-radius:3px;padding:4px 8px}.copy-btn{cursor:pointer;color:#fff;background:#17a2b8;border:none;border-radius:3px;margin:0 3px;padding:4px 8px}.copy-btn:hover{background:#138496}.barcode-cell{font-family:monospace}.price-cell{color:#28a745;font-weight:700}.purchase-cell{color:#6c757d;font-weight:500}.export-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:5px;padding:8px 16px}.import-btn{color:#fff;cursor:pointer;background:#17a2b8;border:none;border-radius:5px;padding:8px 16px;display:inline-block}.payment-methods-list{background:#fff;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.payment-method-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.payment-method-item:last-child{border-bottom:none}.method-info{align-items:center;gap:15px;display:flex}.method-icon{font-size:28px}.method-name{font-size:16px;font-weight:500}.switch{width:50px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{transform:translate(26px)}.payment-info{background:#e8f4fd;border-radius:10px;margin-top:20px;padding:15px}.department-selector{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 16px;display:flex;box-shadow:0 1px 3px #0000001a}.department-icon{color:#333;font-size:1.2rem}.department-select{cursor:pointer;color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:150px;padding:8px 12px;font-size:14px}.stock-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.stock-controls{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.search-wrapper{flex:1;position:relative}.search-icon{color:#999;font-size:1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:100%;padding:12px 15px 12px 40px;font-size:14px}.print-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;display:flex}.stock-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:25px;display:grid}.stat-card{background:#fff;border-radius:16px;align-items:center;gap:15px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #00000014}.stat-icon{background:#f0f2f5;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.stat-label{color:#666;font-size:13px;display:block}.stat-card.warning .stat-icon{background:#fff3cd}.table-wrapper{background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.stock-table{border-collapse:collapse;width:100%;min-width:700px}.stock-table th{color:#333;text-align:left;background:#f8f9fa;padding:14px 16px;font-size:13px;font-weight:600}.stock-table td{border-bottom:1px solid #f0f0f0;padding:14px 16px;font-size:14px}.product-row{cursor:pointer;transition:background .2s}.product-row:hover{background:#f8f9fa}.status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status.out{color:#fff;background:#dc3545}.status.low{color:#333;background:#ffc107}.status.ok{color:#fff;background:#28a745}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.success-message{color:#fff;text-align:center;background:#28a745;border-radius:10px;margin-bottom:20px;padding:12px 20px;animation:3s forwards fadeOut}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0;display:none}}.receipts-layout{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px;display:grid}.receipt-form-section,.products-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #00000014}.form-group{margin-bottom:15px}.form-group input{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:16px}.products-list{max-height:400px;overflow-y:auto}.product-item{cursor:pointer;background:#f8f9fa;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 15px;transition:all .2s;display:flex}.product-item.active{color:#fff;background:#0f3460}.product-item.active .product-price{color:#fff}.product-name{margin-bottom:4px;font-weight:500}.product-details{color:#666;gap:15px;font-size:12px;display:flex}.product-price{color:#28a745;white-space:nowrap;font-weight:700}.receipts-table th{text-align:left;background:#f8f9fa;padding:12px;font-size:13px;font-weight:600}.quantity-cell{color:#28a745;font-weight:500}.sales-page .search-section .barcode-input{color:#333;background:#fff;border:2px solid #e0e0e0;border-radius:12px;width:100%;padding:14px 16px;font-size:16px}.sales-page .search-section .barcode-input::placeholder{color:#999}.sales-page .search-row .search-input{color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px;font-size:16px}.search-container{flex:1;position:relative}.search-dropdown-item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:12px 15px}.dropdown-item-name{color:#333;font-weight:500}.dropdown-item-details{color:#666;gap:15px;font-size:12px;display:flex}.customer-section{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:15px}.customer-input{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:14px}.customer-info{background:#e8f0fe;border-radius:8px;margin-top:10px;padding:10px}.customer-name{color:#0f3460;font-weight:700}.customer-discount{color:#28a745;font-weight:700}.add-to-cart-form{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:20px}.add-to-cart-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-size:16px;font-weight:600}.cart-item{background:#fff;border:1px solid #e8e8e8;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 15px;display:flex}.cart-item-info{flex:2}.cart-item-name{color:#333;font-size:14px;font-weight:600}.cart-item-price{color:#666;margin-top:3px;font-size:13px}.old-price{color:#999;margin-right:8px;font-size:12px;text-decoration:line-through}.cart-item-controls button{cursor:pointer;background:#e0e0e0;border:none;border-radius:50%;width:28px;height:28px;font-weight:700}.remove-btn{color:#fff;background:#dc3545!important}.cart-item-total{text-align:right;color:#28a745;min-width:100px;font-size:16px;font-weight:700}.cart-total strong{color:#28a745;font-size:24px;font-weight:700}.payment-mode-selector{background:#f8f9fa;border-radius:12px;gap:20px;margin-bottom:20px;padding:12px;display:flex}.payment-buttons{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.payment-btn{cursor:pointer;color:#fff;background:#4a4a4a;border:2px solid #e0e0e0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.payment-btn.active{background:#28a745;border-color:#28a745}.mixed-payment{background:#f8f9fa;border-radius:12px;margin-bottom:15px;padding:20px}.mixed-row{background:#fff;border-radius:10px;align-items:center;gap:15px;margin-bottom:12px;padding:8px;display:flex}.mixed-row label{align-items:center;gap:8px;width:130px;font-size:14px;font-weight:600;display:flex}.mixed-input{border:1px solid #ddd;border-radius:8px;flex:1;padding:10px 12px;font-size:14px}.mixed-total{border-top:1px solid #ddd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:15px;font-size:14px;font-weight:500;display:flex}.mixed-total .enough{color:#28a745;font-weight:700}.mixed-total .not-enough{color:#dc3545;font-weight:700}.payment-warning{color:#856404;text-align:center;background:#fff3cd;border-radius:8px;margin-top:10px;padding:10px;font-size:13px}.complete-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#1e7e34 100%);border:none;border-radius:12px;width:100%;margin-top:15px;padding:16px;font-size:16px;font-weight:700}.refund-info{color:#856404;text-align:center;background:#fff3cd;border-radius:8px;margin:10px 0;padding:10px;font-size:13px}.refund-badge{color:#fff;background:#dc3545;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:10px;display:inline-block}.sales-header{margin-bottom:20px}.operation-type-header{background:#f0f2f5;border-radius:12px;gap:5px;width:fit-content;padding:4px;display:flex}@media (width<=768px){.compact-row{flex-direction:column}.compact-field{width:100%}.cart-item{flex-direction:column;align-items:flex-start;gap:10px}.mixed-row{flex-direction:column;align-items:flex-start}.mixed-row label,.mixed-input{width:100%}.mixed-total{flex-direction:column;align-items:flex-start}.payment-buttons{flex-direction:column}.payment-btn{width:100%}.receipts-layout{grid-template-columns:1fr}.stock-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stock-stats{grid-template-columns:1fr}.stock-controls{flex-direction:column}}.compact-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.compact-field{flex:1;min-width:80px}.compact-field:first-child,.compact-field:nth-child(2),.compact-field:nth-child(3){flex:.5;min-width:70px}.compact-field:nth-child(4){flex:.7;min-width:90px}.compact-field:last-child{flex:2;min-width:150px}.compact-field label{color:#333;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.compact-input{color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.compact-input::placeholder{color:#999}.daily-report-page .report-header{margin-bottom:25px}.date-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;display:flex}.date-nav-btn{color:#fff;cursor:pointer;background:#0f3460;border:none;border-radius:8px;padding:8px 16px;transition:all .2s}.date-nav-btn:hover{background:#1a4a7a}.date-nav-btn.today{background:#28a745}.current-date{color:#333;font-size:1.2rem;font-weight:600}.report-section{background:#fff;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #00000014}.sales-stats .stat-row.total{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;justify-content:space-between;margin-bottom:15px;padding:15px;font-size:1.2rem;display:flex}.stat-item{background:#f8f9fa;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.stat-label{color:#666;flex:1;font-size:13px}.stat-amount{color:#28a745;font-weight:700}.cash-fields{flex-direction:column;gap:20px;display:flex}.cash-field label{color:#333;margin-bottom:8px;font-weight:600;display:block}.cash-input-group{flex-wrap:wrap;gap:15px;display:flex}.cash-input{border:1px solid #ddd;border-radius:8px;width:200px;padding:10px 12px;font-size:14px}.cash-comment{border:1px solid #ddd;border-radius:8px;flex:1;padding:10px 12px;font-size:14px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;display:grid}.summary-item{background:#f8f9fa;border-radius:10px;justify-content:space-between;padding:12px;display:flex}.summary-item.diff{background:#fff3cd}.diff-error{color:#dc3545;font-weight:700}.report-actions{gap:15px;margin-top:20px;display:flex}.save-report-btn,.print-report-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600}@media (width<=768px){.date-navigation{flex-direction:column}.stats-grid,.summary-grid{grid-template-columns:1fr}.cash-input-group{flex-direction:column}.cash-input{width:100%}}.sales-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.operation-type-header{background:#f0f2f5;border-radius:12px;gap:5px;padding:4px;display:flex}.operation-header-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.operation-header-btn.active{color:#fff;background:#0f3460}.operation-header-btn.refund.active{color:#fff;background:#dc3545}.operation-header-btn:hover:not(.active){color:#333;background:#e0e0e0}.department-selector-header{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:5px 15px;display:flex;box-shadow:0 1px 3px #0000001a}.department-icon{font-size:1.2rem}.department-select-header{cursor:pointer;color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:150px;padding:8px 12px;font-size:14px}.department-select-header:focus{border-color:#0f3460;outline:none}.search-dropdown-item{cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 15px;transition:background .2s;display:flex}.search-dropdown-item:hover{background:#f0f2f5}.dropdown-item-name{color:#333;font-size:14px;font-weight:500}.dropdown-item-info{color:#666;gap:15px;font-size:13px;display:flex}.dropdown-item-info span:first-child{color:#28a745;font-weight:500}.dropdown-item-info span:last-child{color:#666}.cart-section{background:#fff;border-radius:16px;margin-top:20px;padding:20px;box-shadow:0 1px 3px #00000014}.cart-section h3{color:#333;border-bottom:2px solid #e8f0fe;margin-bottom:15px;padding-bottom:10px;font-size:1.1rem}.empty-cart{text-align:center;color:#999;background:#f8f9fa;border-radius:12px;padding:40px}.cart-items{max-height:400px;margin-bottom:15px;overflow-y:auto}.cart-item{background:#fff;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.cart-item-name{color:#333;flex:2;align-items:center;gap:5px;min-width:120px;font-size:14px;font-weight:500;display:flex}.cart-item-price{color:#666;white-space:nowrap;min-width:80px;font-size:13px}.cart-item-discount-badge{color:#856404;text-align:center;white-space:nowrap;background:#fff3cd;border-radius:12px;min-width:45px;padding:2px 8px;font-size:10px}.cart-item-total{text-align:right;white-space:nowrap;min-width:80px;font-size:14px;font-weight:600}.cart-item-controls{background:#f8f9fa;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;display:flex}.cart-item-controls button{cursor:pointer;background:#e0e0e0;border:none;border-radius:50%;width:26px;height:26px;font-size:14px;font-weight:700;transition:all .2s}.cart-item-controls button:hover{color:#fff;background:#0f3460}.cart-item-controls span{text-align:center;min-width:24px;font-size:13px;font-weight:500}.remove-btn{color:#fff;background:#dc3545!important;font-size:12px!important}.remove-btn:hover{background:#c82333!important}.comment-icon{cursor:help;opacity:.7;font-size:12px}.cart-total{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;justify-content:space-between;align-items:center;margin:15px 0;padding:15px 20px;display:flex}.cart-total span{color:#fff;font-size:16px;font-weight:500}.cart-total strong{font-size:24px;font-weight:700}.refund-badge{color:#fff;background:#dc3545;border-radius:4px;padding:2px 5px;font-size:10px;display:inline-block}.manual-badge{color:#fff;background:#17a2b8;border-radius:4px;padding:2px 5px;font-size:10px;display:inline-block}@media (width<=768px){.cart-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.cart-item-name{width:100%}.cart-item-price,.cart-item-total,.cart-item-discount-badge{align-self:flex-start}.cart-item-controls{align-self:flex-end}}.found-product-row{background:#e8f0fe;border-left:3px solid #0f3460;border-radius:8px;flex-wrap:wrap;align-items:center;gap:15px;margin-top:8px;padding:8px 12px;display:flex}.found-product-name{color:#0f3460;font-size:14px;font-weight:500}.found-product-price{color:#28a745;font-size:14px;font-weight:600}.found-product-barcode{color:#666;background:#fff;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.found-product-stock{color:#555;font-size:13px}@media (width<=768px){.found-product-row{flex-direction:column;align-items:flex-start;gap:6px}}.customer-section-compact{margin-bottom:12px}.customer-search-compact{background:#f8f9fa;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.customer-icon{color:#666;font-size:1rem}.customer-input-compact{background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;min-width:150px;padding:6px 10px;font-size:13px}.customer-input-compact:focus{border-color:#0f3460;outline:none}.customer-discount-compact{color:#28a745;white-space:nowrap;background:#fff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}@media (width<=768px){.customer-search-compact{flex-direction:column;align-items:stretch}.customer-discount-compact{text-align:center;white-space:normal}}.initial-stock-form{background:#e8f4fd;border-left:4px solid #0f3460;border-radius:12px;margin-top:20px;padding:15px 20px}.stock-form-fields{width:100%}.stock-form-fields .form-row{align-items:center;gap:15px;display:flex}.stock-form-fields .form-select{background:#242424;border:1px solid #ddd;border-radius:8px;flex:2;padding:10px 12px;font-size:14px}.stock-form-fields .form-input{text-align:center;border:1px solid #ddd;border-radius:8px;flex:1;padding:10px 12px;font-size:14px}.stock-form-fields .submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#28a745;border:none;border-radius:8px;flex:.5;padding:10px 20px;font-size:14px}.stock-form-fields .submit-btn:hover{background:#218838}@media (width<=768px){.stock-form-fields .form-row{flex-direction:column}.stock-form-fields .form-select,.stock-form-fields .form-input,.stock-form-fields .submit-btn{width:100%}}.compact-table{font-size:13px}.compact-table th,.compact-table td{white-space:nowrap;padding:8px 10px}.compact-table .barcode-cell{text-overflow:ellipsis;max-width:120px;font-size:11px;overflow:hidden}.compact-table .product-name-cell{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.compact-table .purchase-cell,.compact-table .price-cell,.compact-table .total-stock-cell{text-align:right;white-space:nowrap}.compact-table .category-cell,.compact-table .brand-cell{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.actions-cell{white-space:nowrap;min-width:100px}.actions-cell button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 2px;padding:0;font-size:14px;transition:all .2s;display:inline-flex}.actions-cell .edit-btn{color:#333;background:#ffc107}.actions-cell .copy-btn{color:#fff;background:#17a2b8}.actions-cell .delete-btn{color:#fff;background:#dc3545}.actions-cell button:hover{opacity:.9;transform:translateY(-1px)}@media (width<=1200px){.table-container{overflow-x:auto}.compact-table{min-width:1000px}}.sales-journal-page .journal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.print-report-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:background .2s}.print-report-btn:hover{background:#5a6268}.journal-filters{background:#fff;border-radius:12px;margin-bottom:25px;padding:20px;box-shadow:0 1px 3px #00000014}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.filter-group label{color:#666;font-size:12px;font-weight:500}.filter-group input,.filter-group select{background:#4e4e4e;border:1px solid #ddd;border-radius:8px;padding:8px 12px;font-size:14px}.filter-group input:focus,.filter-group select:focus{border-color:#0f3460;outline:none}.stat-card{background:#bd2020;border-radius:12px;align-items:center;gap:15px;padding:15px 20px;transition:transform .2s;display:flex;box-shadow:0 1px 3px #00000014}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2rem}.stat-info{flex:1}.stat-label{color:#666;margin-bottom:4px;font-size:12px;display:block}.stat-card.profit .stat-value{color:#28a745}.sales-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 3px #00000014}.sales-table th{color:#fff;text-align:left;white-space:nowrap;background:#1a1a2e;padding:12px 15px;font-size:13px;font-weight:600}.sales-table td{border-bottom:1px solid #f0f0f0;padding:10px 15px;font-size:13px}.sales-table tr:hover{background:#f8f9fa}.sales-table .refund-row{background:#fff3cd}.sales-table .refund-row:hover{background:#ffe69e}.sale-number{color:#0f3460;font-family:monospace;font-weight:600}.product-name{color:#333;font-weight:500}.price-cell{color:#666;white-space:nowrap}.amount-cell{white-space:nowrap;font-weight:700}.amount-cell.refund{color:#dc3545}.operation-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.operation-badge.sale{color:#fff;background:#28a745}.operation-badge.refund{color:#fff;background:#dc3545}.payment-badge{white-space:nowrap;background:#f0f2f5;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.discount-cell{color:#dc3545;font-weight:500}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:60px 20px}.empty-icon{opacity:.5;margin-bottom:15px;font-size:3rem}@media (width<=1200px){.table-container{overflow-x:auto}.sales-table{min-width:1100px}}@media (width<=768px){.filters-row{flex-direction:column}.filter-group,.filter-group input,.filter-group select{width:100%}.journal-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.journal-stats{grid-template-columns:1fr}.journal-header{flex-direction:column;align-items:flex-start}}.comment-cell{min-width:180px;max-width:250px;position:relative}.comment-display{background:#f8f9fa;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex}.comment-display span{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.edit-comment-btn{cursor:pointer;color:#495057;background:#e9ecef;border:none;border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:12px;transition:all .2s}.edit-comment-btn:hover{color:#0f3460;background:#dee2e6}.comment-edit{background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:4px;display:flex}.comment-input{background:#e26868;border:none;border-radius:4px;flex:1;padding:6px 8px;font-size:12px}.comment-input:focus{outline:none}.save-comment-btn,.cancel-comment-btn{cursor:pointer;border:none;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:500}.save-comment-btn{color:#fff;background:#28a745}.save-comment-btn:hover{background:#218838}.cancel-comment-btn{color:#fff;background:#dc3545}.cancel-comment-btn:hover{background:#c82333}.thresholds-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:15px 0;padding:15px}.thresholds-header{margin-bottom:12px}.thresholds-title{color:#333;font-size:14px;font-weight:600}.thresholds-hint{color:#999;margin-left:8px;font-size:12px}.thresholds-row{gap:20px;margin-bottom:15px;display:flex}.threshold-item{flex:1}.threshold-label{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.threshold-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.threshold-dot.danger{background:#f44336;box-shadow:0 0 4px #f44336}.threshold-dot.success{background:#4caf50;box-shadow:0 0 4px #4caf50}.threshold-input{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.threshold-input:focus{border-color:#1a1a2e;outline:none}.threshold-info{background:#fff;border-radius:6px;padding:10px;font-size:12px}.threshold-info ul{margin:5px 0 0 20px;padding:0}.threshold-info li{margin:3px 0}.total-stock-cell{font-weight:500}.thresholds-section.super-compact{background:#f8f9fa;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;margin:6px;padding:8px 10px;display:flex}.thresholds-row.super-compact{align-items:center;gap:8px;display:flex}.threshold-badge{background:#fff;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.threshold-input.super-compact{text-align:center;color:#000;background:0 0;border:none;width:100px;padding:4px 8px;font-size:13px;font-weight:500}.threshold-input.super-compact:focus{color:#db0303;background:#f0f0f0;border-radius:4px;outline:none}.threshold-input.super-compact::placeholder{color:#ccc;font-weight:400}.threshold-input.super-compact::-webkit-inner-spin-button{opacity:.5;height:20px}.threshold-input.super-compact::-webkit-outer-spin-button{opacity:.5;height:20px}.threshold-sep{color:#999;font-size:14px;font-weight:700}.threshold-hint{color:#999;font-size:11px}.threshold-badge span:first-child{font-size:12px}@media (width<=1024px){.page{padding:14px!important}.stats-grid,.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:12px!important}}@media (width<=768px){body{font-size:14px!important}h2{text-align:center;font-weight:700;margin-bottom:12px!important;font-size:18px!important}.table-container{-webkit-overflow-scrolling:touch;background:#fff;width:100%;margin-bottom:16px;overflow-x:auto;box-shadow:0 1px 3px #0000000d;border-radius:8px!important}.product-table{min-width:600px}.product-table th{padding:10px 8px!important;font-size:12px!important}.product-table td{white-space:nowrap!important;padding:12px 8px!important;font-size:13px!important}.product-table input[type=number],.inventory-actual-input{text-align:center!important;border-radius:6px!important;width:80px!important;height:36px!important;font-size:15px!important}.inventory-search-panel,.inventory-filter-panel,.filter-panel,.search-bar,.inventory-filter-group{background:#fff!important;border-radius:8px!important;flex-direction:column!important;gap:10px!important;margin-bottom:14px!important;padding:12px!important;display:flex!important}.inventory-select,.inventory-input,select,input[type=text],input[type=date],input[type=number]:not(.product-table input){box-sizing:border-box!important;border-radius:8px!important;width:100%!important;min-width:100%!important;height:42px!important;font-size:14px!important}.inventory-save-btn,.clear-filters-btn,.inventory-actions button,form button,button:not(.inventory-tab-btn){box-sizing:border-box!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:100%!important;height:46px!important;margin-top:8px!important;margin-left:0!important;font-size:15px!important;font-weight:600!important;display:flex!important}.inventory-tabs{background:#f1f5f9;border-radius:8px;padding:4px;gap:4px!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.inventory-tab-btn{text-align:center!important;border-radius:6px!important;flex:1!important;padding:10px 4px!important;font-size:13px!important}}.sales-journal-page{color:#0f172a;background-color:#fff;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.journal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.journal-header h2{color:#1e293b;margin:0;font-size:24px;font-weight:700}.print-report-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:30px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.print-report-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.journal-filters{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:20px}.period-selector{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.period-selector button{color:#334155;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:30px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.period-selector button:hover{color:#0f172a;background-color:#cbd5e1}.period-selector button.active{color:#fff;background-color:#1e293b}.date-navigation{background-color:#fff;border:1px solid #e2e8f0;border-radius:60px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;padding:6px 14px;display:flex;box-shadow:0 2px 8px #0f172a0a}.date-nav-btn{color:#334155;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:30px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.date-nav-btn:hover{color:#0f172a;background-color:#e2e8f0}.date-nav-btn.today{color:#0369a1;background-color:#e0f2fe}.date-nav-btn.today:hover{color:#0c4a6e;background-color:#bae6fd}.current-date{color:#4338ca;background-color:#eef2ff;border-radius:30px;padding:6px 18px;font-size:13px;font-weight:700}.custom-range{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.custom-range input[type=date]{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:30px;outline:none;padding:6px 14px;font-family:inherit;font-size:13px}.custom-range input[type=date]:focus{border-color:#4338ca;box-shadow:0 0 0 2px #4338ba1a}.filters-row{grid-template-columns:2fr 1fr 1fr auto;align-items:flex-end;gap:16px;display:grid}@media (width<=768px){.filters-row{grid-template-columns:1fr}}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{color:#475569;padding-left:6px;font-size:12px;font-weight:700}.filter-group input,.filter-group select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:30px;outline:none;width:100%;height:40px;padding:0 16px;font-size:13px}.filter-group input:focus,.filter-group select:focus{border-color:#4338ca}.filter-group input::placeholder{color:#94a3b8}.clear-filters-btn{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:30px;height:40px;padding:0 20px;font-size:13px;font-weight:600;transition:all .2s}.clear-filters-btn:hover{color:#0f172a;background-color:#e2e8f0}.journal-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 1px 3px #0f172a05}.stat-icon{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-value{color:#0f172a;font-size:20px;font-weight:700}.table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0f172a08}.sales-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.sales-table th{color:#334155;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:16px;font-weight:700}.sales-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:14px 16px}.sales-table tr:hover{background-color:#f8fafc}.refund-row{background-color:#fff5f5}.refund-row:hover{background-color:#fee2e2}.amount-cell{color:#0f172a;font-weight:600}.amount-cell.refund{color:#b91c1c;font-weight:700}.operation-badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.operation-badge.sale{color:#15803d;background-color:#dcfce7}.operation-badge.refund{color:#b91c1c;background-color:#fee2e2}.payment-badge{color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.payment-mixed{cursor:help;color:#9a3412;background-color:#ffedd5;border:1px solid #fed7aa;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.payment-icon-mixed{font-size:14px}.payment-mixed-list{flex-wrap:wrap;gap:4px;display:inline-flex}.payment-mixed-item{color:#1e293b;white-space:nowrap;background-color:#fff;border:1px solid #ffedd5;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.payment-mixed:hover{color:#7c2d12;background-color:#fed7aa}.payment-mixed:hover .payment-mixed-item{background-color:#fff7ed;border-color:#fdba74}.comment-display{justify-content:space-between;align-items:center;gap:8px;display:flex}.comment-display span{color:#475569}.comment-display button{cursor:pointer;opacity:.4;background:0 0;border:none;font-size:14px;transition:opacity .2s}.comment-display:hover button{opacity:1}.comment-edit{align-items:center;gap:6px;display:flex}.comment-edit input{color:#0f172a;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.comment-edit input:focus{border-color:#4338ca}.comment-edit button{cursor:pointer;background:0 0;border:none;font-size:14px}.empty-icon{margin-bottom:12px;font-size:42px}@media print{.journal-filters,.print-report-btn,.clear-filters-btn,.comment-display button,.comment-edit button,.period-selector{display:none!important}.sales-journal-page{color:#000;background-color:#fff;padding:0}.table-container{box-shadow:none;border:none}.sales-table th{border-bottom:2px solid #94a3b8;color:#000!important;background-color:#f1f5f9!important}.sales-table td{border-bottom:1px solid #cbd5e1;color:#000!important}.payment-mixed,.payment-badge,.payment-mixed-item{color:#000!important;background:0 0!important;border:none!important;padding:0!important}}.tooltip-hotkey{position:relative}.tooltip-hotkey:after{content:"Горячая клавиша: " attr(data-tooltip);color:#f8fafc;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background-color:#1e293b;border-radius:6px;padding:6px 10px;font-size:11px;transition:opacity .2s,transform .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tooltip-hotkey:hover:after{opacity:1;transform:translate(-50%)translateY(-2px)}.product-card-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.product-card{background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.product-card-header{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);align-items:center;gap:15px;padding:20px;display:flex}.product-card-icon{font-size:2.5rem}.product-card-title{flex:1}.product-card-title h2{margin:0 0 5px;font-size:1.2rem}.product-card-barcode{opacity:.8;font-size:.8rem}.barcode-edit{align-items:center;gap:5px;display:flex}.barcode-edit input{border:none;border-radius:4px;width:130px;padding:4px}.product-card-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:30px;height:30px;font-size:1.2rem}.product-card-tabs{background:#f8f9fa;border-bottom:1px solid #ddd;gap:5px;padding:10px 20px 0;display:flex}.tab{cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:8px 16px}.tab.active{color:#0f3460;background:#fff;border-bottom:2px solid #0f3460;font-weight:700}.product-card-content{flex:1;padding:20px;overflow-y:auto}.info-row{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px;display:flex}.info-label{color:#666;width:100px;font-weight:500}.info-value{flex:1}.info-value input,.info-value textarea{border:1px solid #ddd;border-radius:5px;width:100%;padding:6px}.price-value{color:#28a745;font-size:1.2rem;font-weight:700}.low-stock{color:#dc3545;font-weight:700}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.stat-card{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:15px}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{opacity:.9;font-size:.8rem}.history-table{border-collapse:collapse;width:100%;font-size:13px}.history-table th,.history-table td{text-align:left;border-bottom:1px solid #eee;padding:8px}.history-table th{background:#f8f9fa}.income{color:#28a745;font-weight:700}.outcome{color:#dc3545;font-weight:700}.empty-history{text-align:center;color:#999;padding:30px}.product-card-footer{background:#f8f9fa;border-top:1px solid #ddd;gap:10px;padding:15px 20px;display:flex}.product-card-footer button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px}.save-btn{color:#fff;background:#28a745}.cancel-btn,.edit-btn{color:#fff;background:#0f3460}.product-card-loading{text-align:center;padding:50px}.receipts-page{padding:20px}.receipt-form-section{background:#fff;border-radius:12px;margin-bottom:30px;padding:20px;box-shadow:0 2px 8px #0000001a}.receipt-form-section h3{color:#333;margin-bottom:20px;padding-left:15px}.search-container{width:100%;margin-bottom:15px;position:relative}.barcode-input{border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:14px 16px;font-size:16px;transition:all .3s}.barcode-input:focus{border-color:#1a1a2e;outline:none;box-shadow:0 0 0 3px #1a1a2e1a}.search-dropdown-receipts{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:10px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.search-dropdown-item-receipts{cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.search-dropdown-item-receipts:hover{background:#f5f5f5}.dropdown-item-info{flex:1}.dropdown-item-name{color:#333;margin-bottom:4px;font-size:14px;font-weight:600}.dropdown-item-details{flex-wrap:wrap;gap:15px;font-size:12px;display:flex}.dropdown-item-barcode{color:#999;font-family:monospace}.dropdown-item-price{color:#4caf50;font-weight:500}.dropdown-item-stock{font-weight:500}.dropdown-item-select{color:#4caf50;font-size:18px;font-weight:700}.found-product{background:#e8f5e9;border-radius:10px;margin-bottom:20px;padding:15px}.found-product-name{align-items:center;gap:8px;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.found-product-details{flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.found-barcode{color:#666;font-family:monospace}.found-price{color:#4caf50;font-weight:500}.found-stock{color:#ff9800}.form-row{gap:20px;margin-bottom:15px;display:flex}.form-row .form-group{flex:1}.form-group label{color:#555;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .3s}.form-input:focus{border-color:#1a1a2e;outline:none;box-shadow:0 0 0 2px #1a1a2e1a}.submit-btn{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:16px;font-weight:500;transition:all .3s}.submit-btn:hover:not(:disabled){background:#16213e;transform:translateY(-1px)}.receipts-history{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.history-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.history-header h3{color:#333;margin:0;font-size:18px}.filter-info{color:#666;background:#f5f5f5;border-radius:20px;padding:4px 12px;font-size:13px}.filters-panel{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px}.filter-search-row{margin-bottom:15px}.filter-search{background:#292929;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:all .3s}.filter-search:focus{border-color:#1a1a2e;outline:none;box-shadow:0 0 0 2px #1a1a2e1a}.filter-additional-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-additional-row .filter-group{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;padding:0 12px;display:flex}.filter-additional-row .filter-group .filter-icon{color:#999;margin-right:8px;font-size:16px}.filter-date-group{background:#292929;border:1px solid #e0e0e0;border-radius:8px;flex:0 0 320px;align-items:center;min-width:300px;padding:0 12px;display:flex}.filter-date-group .filter-icon{color:#999;margin-right:8px;font-size:16px}.filter-date-input{background:0 0;border:none;flex:1;padding:10px 0;font-size:14px}.filter-date-input:focus{outline:none}.date-separator{color:#1f1f1f;margin:0 5px;font-size:14px}.filter-department-group .filter-icon{color:#131313;margin-right:8px;font-size:16px}.filter-select{cursor:pointer;background:0 0;border:none;flex:1;padding:10px 0;font-size:14px}.clear-filters-btn{cursor:pointer;white-space:nowrap;background:#303030;border:1px solid #e0e0e0;border-radius:8px;padding:8px 20px;font-size:13px;transition:all .2s}.clear-filters-btn:hover{background:#00363a;border-color:#003615}.table-wrapper{margin-top:20px;overflow-x:auto}.receipts-table{border-collapse:collapse;width:100%}.receipts-table th{color:#fff;text-align:center;background:#1a1a2e;padding:12px;font-size:13px;font-weight:500}.receipts-table td{border-bottom:1px solid #f0f0f0;padding:12px;font-size:13px}.receipts-table tr:hover{background:#fafafa}.date-cell{white-space:nowrap;color:#666;font-size:12px}.quantity-cell{text-align:center;font-weight:600}.product-name-cell{font-weight:500}.empty-message{text-align:center;color:#999;padding:40px}.success-message{color:#fff;background:#4caf50;border-radius:8px;margin-bottom:20px;padding:12px 20px;animation:3s forwards fadeOut}@media (width<=768px){.form-row{flex-direction:column;gap:10px}.filter-additional-row{flex-direction:column}.filter-date-group{flex:1;width:100%}.filter-department-group,.clear-filters-btn{width:100%}.history-header{flex-direction:column;align-items:flex-start;gap:10px}}.filter-department-group{background:#111;border:1px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:180px;padding:0 12px;display:flex}.filter-select{cursor:pointer;background:0 0;border:none;flex:1;padding:10px 0;font-size:14px;color:#fafafa!important}.filter-select:focus{outline:none}.filter-select option{padding:8px;color:#333!important;background:#fff!important}.filter-select option:hover{background:#f0f0f0!important}.filter-select option:checked{color:#333;background:#e8f5e9}.inventory-page{background-color:#f8fafc;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.inventory-page h2{color:#0f172a;margin-bottom:24px;font-size:24px;font-weight:700}.inventory-tabs{background-color:#e2e8f0;border-radius:8px;gap:8px;width:max-content;margin-bottom:24px;padding:4px;display:flex}.inventory-tab-btn{cursor:pointer;color:#475569;background-color:#0000;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.inventory-tab-btn:hover{color:#0f172a}.inventory-tab-btn.active{color:#4338ca;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.inventory-filter-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0f172a0d}.inventory-filter-panel label{color:#334155;font-size:14px;font-weight:600}.inventory-search-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 1px 3px #0f172a0d}.inventory-filter-group{flex-direction:column;gap:6px;display:flex}.inventory-filter-group.search{flex:2;min-width:260px}.inventory-filter-group:not(.search){flex:1;min-width:160px}.inventory-filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.inventory-input,.inventory-select{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:all .15s}.inventory-input:focus,.inventory-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.inventory-actual-input{text-align:center;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:90px;padding:8px;font-size:14px;font-weight:700;transition:all .15s}.inventory-actual-input:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.inventory-row-changed{background-color:#f8fafc!important}.inventory-cell-base{color:#2563eb;font-weight:600}.inventory-actions{justify-content:flex-end;margin-top:24px;display:flex}.inventory-save-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .15s;box-shadow:0 4px 6px -1px #4f46e533}.inventory-save-btn:hover{background-color:#4338ca}.inventory-save-btn:disabled{cursor:not-allowed;box-shadow:none;background-color:#94a3b8}.inventory-history-comment{color:#475569;background-color:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:13px;display:inline-block}.inventory-badge-diff{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.inventory-badge-diff.plus{color:#15803d;background-color:#dcfce7}.inventory-badge-diff.minus{color:#b91c1c;background-color:#fee2e2}.inventory-empty-state{text-align:center;color:#64748b;background-color:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:48px;font-size:14px}.features-description{color:#64748b;margin-bottom:20px;font-size:14px}.features-grid{flex-direction:column;gap:16px;max-width:800px;margin-top:10px;display:flex}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.feature-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.disabled-card{opacity:.75;background:#f8fafc}.feature-info{align-items:start;gap:16px;display:flex}.feature-icon{background:#f1f5f9;border-radius:10px;padding:10px;font-size:26px;line-height:1}.feature-text h3{color:#1e293b;margin:0 0 4px;font-size:16px;font-weight:600}.feature-text p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.coming-soon{color:#475569;text-transform:uppercase;background:#e2e8f0;border-radius:4px;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.toggle-switch{flex-shrink:0;width:46px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}input:checked+.toggle-slider{background-color:#16a34a}input:focus+.toggle-slider{box-shadow:0 0 1px #16a34a}input:checked+.toggle-slider:before{transform:translate(22px)}input:disabled+.toggle-slider{cursor:not-allowed;background-color:#e2e8f0}.setup-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .2s}.setup-btn:hover{background-color:#4338ca}.feature-icon.woo-color{background-color:#f3e8ff}.daily-report-page{padding:20px}.report-header{margin-bottom:25px}.report-header h2{color:#1a1a2e;margin-bottom:20px}.period-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.period-tab{cursor:pointer;background:#464646;border:none;border-radius:8px;padding:8px 20px;font-size:14px;transition:all .3s}.period-tab:hover{background:#e0e0e0}.period-tab.active{color:#fff;background:#00250b}.date-navigation{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;display:flex}.date-nav-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.date-nav-btn:hover{color:#0f172a;background:#cbd5e1;border-color:#94a3b8}.date-nav-btn.today{color:#fff;background:#1e293b;border-color:#1e293b}.date-nav-btn.today:hover{background:#0f172a;border-color:#0f172a}.current-date{color:#1e293b;text-transform:capitalize;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 24px;font-size:15px;font-weight:700;box-shadow:0 1px 3px #0000000d}.custom-date-range{width:100%}.date-range-inputs{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.date-input-group{flex-direction:column;gap:5px;display:flex}.date-input-group label{color:#666;font-size:12px;font-weight:500}.date-range-input{color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px}.date-range-input:focus{border-color:#1a1a2e;outline:none;box-shadow:0 0 0 2px #1a1a2e1a}.save-message{color:#fff;z-index:1000;background:#4caf50;border-radius:8px;padding:12px 20px;animation:.3s slideIn;position:fixed;top:20px;right:20px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.report-content{flex-direction:column;gap:25px;display:flex}.report-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.report-section h3{color:#333;border-left:4px solid #fff;margin-bottom:15px;padding-left:15px}.period-title{color:#666;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px;font-size:14px}.sales-stats{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px}.stat-row.total{color:#fff;letter-spacing:.5px;background:#2d3748;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;font-size:18px;font-weight:600;display:flex}.stat-row.total strong{color:#38a169;text-shadow:0 1px 2px #0003;font-size:26px;font-weight:800}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px;display:grid}.stat-item{background:#fff;border-left:5px solid #6c757d;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #0000000f}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cash-fields{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:15px;display:grid}.cash-field{background:#f8f9fa;border:1px solid #eee;border-radius:10px;flex-direction:column;gap:12px;padding:20px;display:flex}.cash-field label{color:#495057;font-size:14px;font-weight:600}.cash-input-group{gap:10px;display:flex}.cash-input{color:#1a1a2e;background:#fff;border:1px solid #ced4da;border-radius:6px;width:120px;padding:10px 14px;font-size:15px;font-weight:600;transition:border-color .2s}.cash-comment{background:#fff;border:1px solid #ced4da;border-radius:6px;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.cash-input:focus,.cash-comment:focus{border-color:#1a1a2e;outline:none;box-shadow:0 0 0 3px #1a1a2e1a}.summary{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-top:25px;padding:24px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:15px;display:grid}.summary-item{background:#f8f9fa;border:1px solid #eee;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.summary-item span{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.summary-item strong{color:#1a1a2e;font-size:20px;font-weight:700}.summary-item.diff{background:#fff5f5;border-color:#ffe3e3}.summary-item.diff span,.summary-item.diff strong.diff-error{color:#e53e3e}.table-wrapper{overflow-x:auto}.sales-detail-table{border-collapse:collapse;width:100%}.sales-detail-table th{color:#fff;text-align:left;background:#1a1a2e;padding:12px;font-size:13px;font-weight:500}.sales-detail-table td{border-bottom:1px solid #eee;padding:10px;font-size:13px}.sales-detail-table tr:hover{background:#f5f5f5}.empty-message{text-align:center;color:#999;padding:40px;font-size:14px}.report-actions{flex-wrap:wrap;justify-content:flex-end;gap:15px;margin-top:25px;display:flex}.save-report-btn,.print-report-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s}.save-report-btn{color:#fff;background:#1a1a2e}.save-report-btn:hover:not(:disabled){background:#16213e;transform:translateY(-1px)}.save-report-btn:disabled{opacity:.6;cursor:not-allowed}.print-report-btn{color:#fff;background:#4caf50}.print-report-btn:hover{background:#45a049;transform:translateY(-1px)}.loading-spinner{text-align:center;color:#666;padding:50px;font-size:16px}@media (width<=768px){.daily-report-page{padding:15px}.date-navigation{flex-direction:column}.date-nav-btn{width:100%}.current-date{text-align:center;width:100%}.date-range-inputs{flex-direction:column;align-items:stretch}.date-input-group,.date-range-input{width:100%}.stats-grid,.summary-grid{grid-template-columns:1fr}.cash-input-group,.report-actions{flex-direction:column}.save-report-btn,.print-report-btn{width:100%}.sales-detail-table{font-size:12px}.sales-detail-table th,.sales-detail-table td{padding:8px}}@media print{.period-tabs,.date-navigation,.report-actions,.save-message{display:none}.report-section{box-shadow:none;page-break-inside:avoid;border:1px solid #ddd}.daily-report-page{padding:0}}.stat-item:first-child{border-left-color:#007bff}.stat-item:nth-child(2){border-left-color:#28a745}.stat-item:nth-child(3){border-left-color:#17a2b8}.stat-item:nth-child(4){border-left-color:#ff9800}.stat-item:nth-child(5){border-left-color:#6f42b1}.stat-item-left{align-items:center;gap:12px;display:flex}.stat-icon{background:#f8f9fa;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:22px;display:flex}.stat-label{color:#495057;font-size:14px;font-weight:600}.stat-amount{color:#212529;white-space:nowrap;font-size:18px;font-weight:700}.movements-page{padding:20px}.transfer-form{background:#fff;border-radius:12px;margin-bottom:30px;padding:20px;box-shadow:0 2px 8px #0000001a}.transfer-form h3{color:#333;border-left:4px solid #1a1a2e;margin-bottom:20px;padding-left:15px}.form-row{flex-wrap:wrap;gap:20px;margin-bottom:15px;display:flex}.form-group{flex:1;min-width:200px}.form-group.full-width{width:100%}.form-group label{color:#555;margin-bottom:8px;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#1a1a2e;outline:none}.form-group small{color:#666;margin-top:5px;font-size:12px;display:block}.selected-product-info{background:#e8f5e9;border-radius:8px;margin-bottom:20px;padding:12px}.product-badge{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-icon{font-size:20px}.product-name{color:#2e7d32;font-size:16px;font-weight:700}.product-barcode{color:#666;background:#fff;border-radius:4px;padding:4px 8px;font-size:12px}.form-actions{gap:10px;margin-top:20px;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:6px;padding:12px 24px;font-size:14px}.submit-btn:hover:not(:disabled){background:#16213e}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{color:#666;cursor:pointer;background:#f0f0f0;border:none;border-radius:6px;padding:12px 24px}.cancel-btn:hover{background:#e0e0e0}.movements-history{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.movements-history h3{color:#333;border-left:4px solid #1a1a2e;margin-bottom:20px;padding-left:15px}.movements-toolbar{margin-bottom:20px}.filters{flex-wrap:wrap;gap:10px;display:flex}.filter-btn{cursor:pointer;background:#4e4e4e;border:none;border-radius:6px;padding:8px 16px;transition:all .3s}.filter-btn.active{color:#fff;background:#1a1a2e}.movements-table-container{overflow-x:auto}.movements-table{border-collapse:collapse;width:100%}.movements-table th{color:#fff;text-align:left;background:#1a1a2e;padding:12px}.movements-table td{border-bottom:1px solid #eee;padding:12px}.movements-table tr:hover{background:#f9f9f9}.movement-type{border-radius:4px;padding:4px 8px;font-size:12px;display:inline-block}.movement-type.incoming{color:#2e7d32;background:#e8f5e9}.movement-type.outgoing{color:#c62828;background:#ffebee}.movement-type.transfer{color:#1565c0;background:#e3f2fd}.quantity{text-align:center;font-weight:700}.date{white-space:nowrap;font-size:12px}.empty-state{text-align:center;color:#999;padding:40px!important}.message{z-index:1000;border-radius:8px;padding:12px 20px;animation:.3s slideIn;position:fixed;top:20px;right:20px}.message.success{color:#fff;background:#4caf50}.message.error{color:#fff;background:#f44336}@media (width<=768px){.form-row,.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}.filters{justify-content:center}}.search-container{position:relative}.search-wrapper{width:100%;position:relative}.search-product-input{background:#010013;padding:12px!important;font-size:16px!important}.search-dropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.dropdown-item{cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .2s;display:flex}.dropdown-item:hover{background:#f5f5f5}.dropdown-item-left{flex:1;align-items:center;gap:10px;display:flex;overflow:hidden}.dropdown-item-name{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.dropdown-item-barcode{color:#999;white-space:nowrap;background:#f5f5f5;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.dropdown-item-price{color:#4caf50;white-space:nowrap;background:#e8f5e9;border-radius:6px;margin-left:10px;padding:4px 8px;font-size:14px;font-weight:700}@media (width<=768px){.dropdown-item{padding:8px 10px}.dropdown-item-name{font-size:13px}.dropdown-item-price{padding:2px 6px;font-size:12px}.dropdown-item-barcode{font-size:10px}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:90;background:linear-gradient(#1a1a2e 0%,#16213e 100%);flex-direction:column;width:240px;height:100vh;transition:width .3s,left .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.sidebar.collapsed{width:70px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 15px;display:flex}.logo-area{align-items:center;gap:10px;display:flex;overflow:hidden}.logo-icon{min-width:32px;font-size:1.5rem}.sidebar-header h2{white-space:nowrap;font-size:.9rem;transition:opacity .2s}.sidebar.collapsed .sidebar-header h2{opacity:0;width:0}.collapse-btn{color:#fff;cursor:pointer;z-index:95;background:#ffffff1a;border:none;border-radius:5px;min-width:30px;padding:5px 8px;font-size:.9rem;transition:background .2s}.collapse-btn:hover{background:#fff3}.sidebar-nav{flex-direction:column;flex:1;gap:5px;padding:15px 10px;display:flex}.sidebar-link{color:#e0e0e0;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;font-size:14px;transition:all .2s;display:flex}.sidebar.collapsed .sidebar-link{justify-content:center;padding:12px}.sidebar-link:hover{color:#fff;background:#ffffff1a;transform:translate(5px)}.sidebar.collapsed .sidebar-link:hover{transform:translate(0)}.sidebar-link.active{color:#fff;background:#0f3460;box-shadow:0 2px 5px #0003}.sidebar-icon{text-align:center;min-width:28px;font-size:1.2rem}.sidebar-label{transition:opacity .2s}.sidebar.collapsed .sidebar-label{display:none}.main-area{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;transition:margin-left .3s;display:flex}.sidebar.collapsed+.main-area{margin-left:70px}.top-menu{z-index:100;white-space:nowrap;background:#fff;border-bottom:1px solid #e0e0e0;padding:0 20px;position:sticky;top:0;overflow-x:auto;box-shadow:0 2px 4px #0000000d}.top-menu-container{gap:5px;padding:10px 0;display:flex}.content-area{background:#f0f2f5;flex:1;padding:20px}@media (width<=1024px){.sidebar{width:200px}.sidebar.collapsed{width:60px}.main-area{margin-left:200px}.sidebar.collapsed+.main-area{margin-left:60px}.content-area{padding:15px}.top-menu-link{padding:8px 16px;font-size:13px}}@media (width<=768px){.sidebar{width:60px;left:0}.sidebar-header h2,.sidebar-label{display:none}.sidebar-link{justify-content:center;padding:12px}.sidebar-icon{min-width:auto;font-size:1.3rem}.main-area,.sidebar.collapsed+.main-area{margin-left:60px}.collapse-btn{display:none}.top-menu{padding:0 10px}.top-menu-link{padding:6px 12px;font-size:12px}.top-menu-icon{font-size:1rem}.content-area{padding:10px}.page{padding:15px}.page h2{font-size:1.2rem}}@media (width<=480px){.top-menu-link span:not(.top-menu-icon){display:none}.top-menu-link{padding:8px}.top-menu-icon{font-size:1.2rem}.page h2{font-size:1.1rem}}@media (width<=768px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.product-table,.stock-table,.sales-table{min-width:600px;font-size:12px}.product-table th,.product-table td,.stock-table th,.stock-table td,.sales-table th,.sales-table td{padding:6px 8px}.two-columns{grid-template-columns:1fr;gap:15px}.filter-row{flex-direction:column}.filter-select,.clear-filters-btn,.export-btn,.import-btn{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.cart-item{flex-direction:column;align-items:flex-start}.cart-item-controls{margin-top:8px}.cart-item-total{align-self:flex-end}.payment-buttons{flex-wrap:wrap}.payment-btn{flex:1;min-width:80px;padding:8px;font-size:12px}.form-row{flex-direction:column}.form-input,.form-select,.form-textarea{width:100%}.stock-summary{grid-template-columns:repeat(2,1fr)}.sales-summary{flex-direction:column}}@media (width<=480px){.stock-summary,.stats-cards{grid-template-columns:1fr}.payment-btn{min-width:70px;padding:6px;font-size:11px}.cart-total{font-size:14px}.cart-total strong{font-size:18px}}.top-menu{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:0 20px;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.top-menu-container{gap:5px;padding:10px 0;display:flex;overflow-x:auto}.top-menu-link{color:#333;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.top-menu-link:hover{background:#f0f2f5}.top-menu-link.active{color:#0f3460;background:#0f346020;font-weight:600}.top-menu-icon{font-size:1.1rem}.top-menu-group{border-right:1px solid #e0e0e0;align-items:center;gap:5px;padding:0 10px;display:flex}.top-menu-group:last-child{border-right:none}.top-menu-group-title{color:#999;border-right:1px solid #e0e0e0;margin-right:10px;padding-right:10px;font-size:11px;font-weight:500}@media (width<=768px){.top-menu-group{border-bottom:1px solid #e0e0e0;border-right:none;flex-wrap:wrap;margin-bottom:5px;padding-bottom:5px}.top-menu-group:last-child{border-bottom:none;margin-bottom:0}.top-menu-group-title{border-right:none;width:100%;margin-bottom:5px}}.settings-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014}.settings-form{flex-direction:column;gap:20px;display:flex}.settings-form .form-group{flex-direction:column;gap:8px;display:flex}.settings-form label{color:#555;font-size:14px;font-weight:500}.settings-form input,.settings-form select{border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px;font-size:14px}.apply-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:8px;margin-top:10px;padding:12px 24px;font-size:16px}.save-message{color:#fff;text-align:center;background:#28a745;border-radius:8px;margin-bottom:20px;padding:10px 20px}.info-block{background:#e8f4fd;border-radius:8px;margin-top:10px;padding:15px}.about-content{text-align:center}.about-icon{margin-bottom:15px;font-size:48px}.about-content ul{text-align:left;padding:0;list-style:none;display:inline-block}.about-content li{padding:5px 0}.appearance-settings{flex-direction:column;gap:30px;display:flex}.settings-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #00000014}.settings-section h3{color:#333;border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px}.color-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.color-group{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.color-group label{color:#555;font-size:13px;font-weight:500}.color-input{align-items:center;gap:10px;display:flex}.color-input input{cursor:pointer;border:1px solid #ddd;border-radius:6px;width:50px;height:35px}.color-value{color:#666;font-family:monospace;font-size:12px}.fonts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.font-group{flex-direction:column;gap:8px;display:flex}.font-group label{color:#555;font-weight:500}.font-group input[type=range]{width:100%}.font-group select{border:1px solid #ddd;border-radius:6px;padding:8px}.preview-section .preview-container{flex-wrap:wrap;gap:20px;display:flex}.preview-sidebar{border-radius:12px;width:200px;padding:15px;box-shadow:0 2px 8px #0000001a}.preview-table{border-radius:8px;flex:1;overflow:hidden;box-shadow:0 1px 3px #0000001a}.reset-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:12px 24px;font-size:16px}@media (width<=768px){.color-grid,.fonts-grid{grid-template-columns:1fr}.preview-section .preview-container{flex-direction:column}.preview-sidebar{width:100%}}.top-menu-group{display:inline-block;position:relative}.top-menu-group-btn{cursor:pointer;color:#555;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.top-menu-group-btn:hover{color:#0f3460;background:#f0f2f5}.group-icon{font-size:1rem}.group-arrow{color:#999;margin-left:5px;font-size:10px;transition:transform .2s}.top-menu-group-items{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:12px;min-width:220px;display:block;position:absolute;top:calc(100% + 5px);left:0;overflow:visible;box-shadow:0 4px 20px #00000026}.top-menu-group-items .top-menu-link{white-space:nowrap;color:#333;border-radius:0;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;display:flex}.top-menu-group-items .top-menu-link:first-child{border-radius:12px 12px 0 0}.top-menu-group-items .top-menu-link:last-child{border-radius:0 0 12px 12px}.top-menu-group-items .top-menu-link:hover{background:#f0f2f5}.top-menu-group-items .top-menu-link.active{color:#0f3460;background:#e8f0fe}.top-menu-container,.top-menu{overflow:visible!important}@media (width<=768px){.top-menu-group{width:100%;display:block;position:static}.top-menu-group-items{box-shadow:none;border:none;border-left:2px solid #e0e0e0;margin-top:5px;margin-left:20px;padding-left:10px;position:static}.top-menu-group-btn{justify-content:space-between;width:100%}}.page h2{color:#1a1a2e;margin-bottom:20px;font-weight:600}.page h3{color:#1a1a2e;margin-bottom:15px;font-weight:500}.logo-area{align-items:center;gap:12px;display:flex}.brand-logo{color:#38a169;background:#38a1691a;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:transform .3s;display:flex}.sidebar-header:hover .brand-logo{transform:rotate(45deg)}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-title{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:800}.brand-subtitle{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:11px;font-weight:600}@media (width<=768px){.sidebar,aside,.left-panel,.navigation-menu{display:none!important}.main-content,.app-container,main,.content-wrapper{width:100%!important;margin-left:0!important;padding-bottom:75px!important;padding-left:0!important}.sidebar-nav,.menu-links,.nav-list,.nav-menu{border-top:1px solid #1e293b;box-shadow:0 -2px 10px #0003;z-index:9999!important;background:#0f172a!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:100%!important;height:60px!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important}.sidebar-nav a,.menu-links a,.nav-item,.sidebar-link{color:#94a3b8!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;height:100%!important;padding:4px 0!important;font-size:11px!important;text-decoration:none!important;display:flex!important}.sidebar-nav a.active,.menu-links a.active,.nav-item.active{color:#6366f1!important;background:0 0!important}.sidebar-nav a img,.sidebar-nav a svg,.menu-links a i{width:20px!important;height:20px!important;margin-bottom:2px!important;margin-right:0!important}}