code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.session-expired-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.session-expired-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;direction:rtl;font-family:Segoe UI,Tahoma,Arial,sans-serif;max-width:500px;padding:40px;text-align:center;width:90%}.session-expired-icon{animation:pulse 2s infinite;font-size:64px;margin-bottom:20px}.session-expired-title{color:#dc3545;font-size:28px;font-weight:700;margin:0 0 20px;text-shadow:0 1px 2px #0000001a}.session-expired-message{color:#495057;font-size:16px;line-height:1.6;margin:0 0 30px}.session-expired-countdown{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border-radius:12px;box-shadow:0 4px 15px #dc35454d;color:#fff;display:flex;gap:10px;justify-content:center;margin:30px 0;padding:20px}.countdown-number{animation:countdownPulse 1s infinite;font-size:48px;font-weight:900;text-shadow:0 2px 4px #0000004d}.countdown-text{font-size:18px;font-weight:600}.session-expired-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 15px #007bff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px 30px;transition:all .3s ease}.session-expired-button:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.session-expired-button:active{transform:translateY(0)}.session-expired-note{color:#6c757d;font-size:14px;font-style:italic;margin:0}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.session-expired-modal{margin:20px;padding:30px 20px}.session-expired-title{font-size:24px}.session-expired-message{font-size:15px}.countdown-number{font-size:36px}.countdown-text{font-size:16px}}@media (prefers-color-scheme:dark){.session-expired-modal{background:#2d3748;color:#e2e8f0}.session-expired-message{color:#cbd5e0}.session-expired-note{color:#a0aec0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.login-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.login-box{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}h2{color:#1c1e21;margin-bottom:24px}.input-group{margin-bottom:20px;text-align:left}.input-group label{color:#606770;display:block;font-weight:700;margin-bottom:8px}.input-group input{border:1px solid #dddfe2;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.login-button{background-color:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px;transition:background-color .2s;width:100%}.login-button:hover{background-color:#166fe5}.message{color:#fa383e;font-weight:700;margin-bottom:15px}.message.success{color:#28a745}.feedbacks-button{background-color:#ffc107!important;border-color:#ffc107!important;color:#212529!important}.feedbacks-button:hover{background-color:#e0a800!important;border-color:#d39e00!important}.products-button{background-color:#28a745!important}.services-button{background-color:#6f42c1!important}.admin-button{background-color:#007bff!important}.accounting-button{background-color:#17a2b8!important}.reports-button{background-color:#fd7e14!important}.products-button:hover{background-color:#218838!important}.services-button:hover{background-color:#5a32a3!important}.admin-button:hover{background-color:#0069d9!important}.accounting-button:hover{background-color:#138496!important}.reports-button:hover{background-color:#e66a0a!important}:root{--bg:#f8f9fc;--card-bg:#fff;--text:#5a5c69;--muted:#858796;--primary:#4e73df;--primary-dark:#2e59d9;--border:#e3e6f0;--row-bg:#fff;--row-bg-alt:#f8f9fc;--thead-bg:#f8f9fc}body.theme-dark{--bg:#0f172a;--card-bg:#111827;--text:#e5e7eb;--muted:#9ca3af;--primary:#3b82f6;--primary-dark:#2563eb;--border:#1f2937;--row-bg:#111827;--row-bg-alt:#0b1220;--thead-bg:#0b1220}.dashboard-container,body,html{background-color:#f8f9fc;background-color:var(--bg)}.dashboard-container{color:#5a5c69;color:var(--text);font-family:sans-serif;min-height:100vh;padding:20px}table.rtl-table{direction:rtl}table.rtl-table td,table.rtl-table th{text-align:right}.dashboard-container.rtl{direction:rtl}.dashboard-container.rtl .dashboard-header h1,.dashboard-container.rtl .table-header h3{text-align:right}.dashboard-container.rtl .filter-controls .search-input,.dashboard-container.rtl .filter-controls input,.dashboard-container.rtl .filter-controls select{direction:rtl;text-align:right}.dashboard-container.rtl table tbody td,.dashboard-container.rtl table thead th{text-align:right}.dashboard-container.rtl .stats-cards-container .stat-card h4,.dashboard-container.rtl .stats-cards-container .stat-card p{text-align:center}@media print{.dashboard-container.rtl{direction:rtl}.dashboard-container.rtl table tbody td,.dashboard-container.rtl table thead th{text-align:right}}.dashboard-header{margin-bottom:20px;padding-bottom:10px}.dashboard-header h1{color:#4e73df;color:var(--primary);font-size:1.75rem}body.theme-dark .dashboard-header h1{color:#93c5fd}.welcome-message{color:#858796;color:var(--muted);font-style:italic}.header-buttons{display:flex;gap:1rem}.dropdown{display:inline-block;position:relative}.dropdown>.nav-button{align-items:center;display:inline-flex;gap:6px}.dropdown-caret{border:5px solid #0000;border-top-color:#e5e7eb;display:inline-block;margin-top:2px}body.theme-dark .dropdown-caret{border-top-color:#f9fafb}.dropdown-menu{animation:dropdown-fade .12s ease-out;background:#fff;background:var(--card-bg);border:1px solid #e3e6f0;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 24px #1e3a8a1a;min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 6px);z-index:30}.dropdown-item{background:#0000;border:none;border-radius:8px;color:#5a5c69;color:var(--text);cursor:pointer;display:block;font-size:.9rem;padding:10px 12px;text-align:right;width:100%}.dropdown-item:hover{background:#f8f9fc;background:var(--row-bg-alt);color:#4e73df;color:var(--primary)}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-container.rtl .dropdown-menu{left:0;right:auto;text-align:right}@media (max-width:768px){.dropdown-menu{min-width:180px}.filter-controls{align-items:stretch;flex-direction:column}}.logout-button,.nav-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.nav-button{background-color:#4e73df;background-color:var(--primary)}.nav-button.active,.nav-button:hover{background-color:#2e59d9;background-color:var(--primary-dark)}.nav-button.active{box-shadow:inset 0 0 0 2px #bfdbfe}.nav-button .icon{opacity:.9}.dropdown-item .icon{margin-left:8px;opacity:.9}.theme-toggle-button{background:#111827;color:#f9fafb}.theme-toggle-button:hover{background:#0b1220}.logout-button{background-color:#e74a3b}.logout-button:hover{background-color:#c82333}.dashboard-stats-section{display:flex;flex-direction:column;gap:15px;margin-bottom:1.5rem}.stats-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.stat-box{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden}.stat-box-header{background:linear-gradient(135deg,#4e73df,#224abe);color:#fff;font-size:.95rem;font-weight:600;padding:10px 15px;text-align:center}.stat-box-content{display:flex;flex-direction:column;gap:8px;padding:12px}.stat-box-content.horizontal{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-around}.stat-item{background:#f8f9fa;border-radius:6px;padding:6px 8px}.stat-box-content.horizontal .stat-item{flex-direction:column;min-width:60px;padding:8px 12px;text-align:center}.stat-label{font-weight:500}.stat-value{font-size:1.2rem}.stat-box.delivery-status .stat-box-header{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-item.future .stat-value{color:#3498db}.stat-item.today .stat-value{color:#e74c3c}.stat-item.overdue .stat-value{color:#c0392b}.stat-box.order-status .stat-box-header{background:linear-gradient(135deg,#27ae60,#1e8449)}.stat-item.new .stat-value{color:#9b59b6}.stat-item.processing .stat-value{color:#f39c12}.stat-item.delivery .stat-value{color:#3498db}.stat-box.today-activity .stat-box-header{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.stat-item.delivered .stat-value{color:#27ae60}.stat-item.out .stat-value{color:#3498db}.stat-item.proc .stat-value{color:#f39c12}.stat-item.cancelled .stat-value{color:#e74c3c}.stat-item.new-order .stat-value{color:#9b59b6}.stat-box.alerts-box .stat-box-header{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-box.alerts-box .alerts-list{list-style:none;margin:0;padding:0}.stat-box.alerts-box .alerts-list li{border-bottom:1px solid #eee;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 0}.stat-box.alerts-box .alerts-list li:last-child{border-bottom:none}.stat-box.alerts-box .alert-name{color:#333;font-weight:500}.stat-box.alerts-box .alert-value{color:#e74c3c;font-weight:700}.stat-box.alerts-box .no-alerts{color:#999;text-align:center}.stat-box.summary-box .stat-box-header{background:linear-gradient(135deg,#17a2b8,#138496)}.summary-item{border-bottom:1px dashed #eee;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-label{font-size:.9rem}.summary-value{font-size:1rem}.summary-item.total{border-top:2px solid #17a2b8;margin-top:5px;padding-top:10px}.summary-item.total .summary-label{color:#333;font-weight:700}.summary-item.total .summary-value{color:#17a2b8;font-size:1.1rem}.stat-box.journal-box .stat-box-header{background:linear-gradient(135deg,#6c757d,#495057)}.stat-box.journal-box .journal-list{list-style:none;margin:0;padding:0}.stat-box.journal-box .journal-list li{border-bottom:1px solid #eee;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 0}.stat-box.journal-box .journal-list li:last-child{border-bottom:none}.stat-box.journal-box .journal-desc{color:#333;font-weight:500;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-box.journal-box .journal-amount{color:#6c757d;font-weight:700}.stat-box.journal-box .no-journals{color:#999;padding:10px;text-align:center}.stat-box.full-width{grid-column:span 3}@media (max-width:768px){.stats-row{grid-template-columns:1fr}.stat-box.full-width{grid-column:span 1}.stat-box-content.horizontal{justify-content:space-between}.stat-box-content.horizontal .stat-item{min-width:50px;padding:6px 8px}.stat-label{font-size:.75rem}.stat-value{font-size:1rem}}@media (max-width:480px){.stat-box-header{font-size:.85rem;padding:8px 12px}.stat-box-content{padding:10px}.stat-box-content.horizontal .stat-item{min-width:45px;padding:5px 6px}.stat-label{font-size:.7rem}.stat-value{font-size:.9rem}}.stat-card h4{color:#858796;color:var(--muted);font-size:1rem;font-weight:700;margin:0 0 10px}.stat-card p{color:#5a5c69;color:var(--text);font-size:1rem;margin:0}.stat-card .stat-value{color:#4e73df;color:var(--primary);font-size:2rem;font-weight:700;margin-top:5px}.stat-card.detailed-card{display:flex;flex-direction:column;height:100%;justify-content:flex-start;text-align:right}.stat-card.detailed-card h4{color:#2c3e50!important;font-size:clamp(1rem,2vw,1.3rem)!important;margin-bottom:8px}.stat-card .sub-title{color:#858796;color:var(--muted);font-size:clamp(.85rem,1.5vw,1rem);margin-bottom:10px}.alerts-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.alerts-list li{border-bottom:1px solid #e3e6f0;border-bottom:1px solid var(--border);display:flex;font-size:clamp(.9rem,1.8vw,1.1rem);justify-content:space-between;padding:8px 0}.alerts-list li:last-child{border-bottom:none}.alert-name{color:#5a5c69;color:var(--text);font-weight:600}.alert-value{color:#e74a3b;direction:ltr;font-size:clamp(1rem,2vw,1.2rem);font-weight:700}.no-alerts{color:#858796;color:var(--muted);font-size:clamp(.9rem,1.8vw,1.1rem);padding:10px;text-align:center}.stat-card.summary-card{display:flex;flex-direction:column;height:100%;justify-content:flex-start}.stat-card.summary-card h4{color:#2c3e50!important;font-size:clamp(1rem,2vw,1.3rem)!important;margin-bottom:8px}.summary-details{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:space-evenly;margin-top:5px}.summary-row{align-items:center;border-bottom:1px dashed #e3e6f0;border-bottom:1px dashed var(--border);display:flex;justify-content:space-between;padding:6px 0}.summary-row:last-child{border-bottom:none}.summary-row .label{color:#5a5c69;color:var(--text);font-size:clamp(.85rem,1.8vw,1.1rem)}.summary-row .value{direction:ltr;font-size:clamp(1rem,2vw,1.2rem);font-weight:700}.summary-row.total-row{border-bottom:none;border-top:2px solid #e3e6f0;border-top:2px solid var(--border);margin-top:5px;padding-top:10px}.summary-row.total-row .label{font-size:clamp(1rem,2vw,1.2rem);font-weight:700}.summary-row.total-row .value{color:#4e73df;color:var(--primary);font-size:clamp(1.1rem,2.5vw,1.4rem)}.chart-container{background-color:#fff;background-color:var(--card-bg);box-shadow:0 .15rem 1.75rem 0 #3a3b4526;flex:2 1;min-width:400px}.chart-container h3{color:#5a5c69;margin-top:0;text-align:center}.chart-wrapper{aspect-ratio:21/9;height:auto;position:relative}.table-header.filter-section{background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 .15rem 1.75rem 0 #3a3b4526;margin-bottom:2rem;padding:1.5rem}.table-header h2,.table-header h3{color:#4e73df;color:var(--primary);font-weight:700;margin:0 0 1rem}.table-header .search-input,.table-header input[type=date],.table-header input[type=text],.table-header select{background-color:#fff;background-color:var(--card-bg);color:#5a5c69;color:var(--text)}.filter-controls .print-button,.filter-controls .search-input,.filter-controls select,.table-header .search-input,.table-header input[type=date],.table-header input[type=text],.table-header select{border:1px solid #e3e6f0;border:1px solid var(--border);border-radius:.35rem;box-sizing:border-box;font-size:.9rem;height:38px;padding:.5rem 1rem}.filter-controls .search-input,.filter-controls select{background-color:#fff;background-color:var(--card-bg);color:#5a5c69;color:var(--text)}.filter-controls .search-input::placeholder{color:#858796;color:var(--muted);opacity:1}.filter-controls select option{background-color:#fff;background-color:var(--card-bg);color:#5a5c69;color:var(--text)}.filter-controls .search-input{flex-grow:1;min-width:200px}.filter-controls .print-button{background-color:#36b9cc;border-color:#36b9cc;color:#fff;cursor:pointer;transition:background-color .2s,filter .2s}.filter-controls .print-button:hover{background-color:#2c9faf;filter:brightness(.98)}.table-container{background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 .15rem 1.75rem 0 #3a3b4526;padding:1rem;width:100%}table{border-collapse:collapse;width:100%}td,th{border:1px solid #e3e6f0;border:1px solid var(--border);color:#5a5c69;color:var(--text);padding:12px;text-align:left;vertical-align:middle}thead{background-color:#f8f9fc;background-color:var(--thead-bg);color:#4e73df;color:var(--primary);font-weight:700}tbody tr{background-color:#fff;background-color:var(--row-bg)}tbody tr:nth-child(2n){background-color:#f8f9fc;background-color:var(--row-bg-alt)}.payment-status-select,.status-select{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.payment-status-select{font-weight:700;width:100%}.payment-refunded{background-color:#fee2e2;border-color:#fca5a5;color:#991b1b}.payment-paid{background-color:#dcfce7;border-color:#86efac;color:#166534}.payment-failed{background-color:#fef3c7;border-color:#fcd34d;color:#92400e}.payment-status-display{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;min-width:60px;padding:4px 8px;text-align:center}.action-button{-webkit-margin-end:6px;background:#fff;background:var(--card-bg);border:1px solid #e3e6f0;border:1px solid var(--border);border-radius:6px;color:#5a5c69;color:var(--text);cursor:pointer;margin-inline-end:6px;padding:6px 10px}.action-button.edit{border-color:#93c5fd}.action-button.delete{border-color:#fecaca;color:#ef4444}.action-button:hover{filter:brightness(.97)}.status-new{background-color:#4e73df}.status-processing{background-color:#f6c23e;color:#5a5c69}.status-out_for_delivery{background-color:#fd7e14}.status-delivered{background-color:#1cc88a}.status-cancelled{background-color:#858796}.assignment-select{background-color:#6c757d;color:#fff}.pagination{gap:.5rem}.page-item{background-color:#fff;background-color:var(--card-bg);border:1px solid #e3e6f0;border:1px solid var(--border);border-radius:4px;color:#4e73df;color:var(--primary);padding:.5rem .8rem;transition:background-color .2s,color .2s,border-color .2s}.page-item:hover{background-color:#f8f9fc;background-color:var(--row-bg-alt)}.page-item.active{background-color:#4e73df;background-color:var(--primary);border-color:#4e73df;border-color:var(--primary);color:#fff;cursor:default}@media (max-width:1024px){.dashboard-container{padding:16px}.dashboard-header h1{font-size:1.5rem}.stat-card p{font-size:1.6rem}.stats-cards-container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.chart-container{min-width:0;padding:16px}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:.75rem}.header-buttons{flex-wrap:wrap;gap:.5rem;width:100%}.logout-button,.nav-button{flex:1 1 140px;font-size:.8rem;padding:6px 10px}.dashboard-main-content{flex-direction:column}.stats-cards-container{grid-template-columns:repeat(2,1fr);min-width:0}.chart-wrapper{aspect-ratio:16/10}.chart-container{display:none}.filter-controls .print-button,.filter-controls .search-input,.filter-controls select{width:auto}.filter-controls>*{flex-grow:0}.filter-controls .print-button,.filter-controls .search-input,.filter-controls select{font-size:.85rem;height:34px;padding:6px 10px}td,th{font-size:.9rem;padding:8px}}@media (max-width:600px){.dashboard-container{padding:10px}.dashboard-header h1{font-size:1rem}.table-container{padding:.5rem}table,td,th{font-size:.8rem}td,th{padding:4px 6px}.stat-card p{font-size:1.3rem}.logout-button,.nav-button{font-size:.75rem;padding:5px 8px}.details-button{font-size:.75rem;padding:4px 6px}.assignment-select,.status-select{font-size:.8rem;padding:3px 6px}.welcome-message{display:none}.table-header.filter-section{padding:.75rem}.table-header h3{font-size:.95rem}.filter-controls{gap:.5rem}.filter-controls .print-button,.filter-controls .search-input,.filter-controls select{font-size:.8rem;height:32px;padding:6px 8px}.pagination .page-item{font-size:.8rem;padding:4px 6px}td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-last-child(2),th:nth-child(2),th:nth-child(3),th:nth-child(4),th:nth-last-child(2){display:none}}.print-only,.print-only-header,.print-only-table{display:none!important}@media print{.dashboard-container{padding:0!important}.dashboard-container,main{height:auto!important;min-height:0!important}}.status-badge{border-radius:12px;min-width:60px}.status-badge.available{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.unavailable{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.stock-badge{font-weight:700;min-width:40px;text-align:center}.stock-badge.in-stock{background-color:#d4edda;border:1px solid #c3e6cb}.stock-badge.out-of-stock{background-color:#f8d7da}.table-container table{min-width:1200px}.table-container td:nth-child(6),.table-container td:nth-child(7),.table-container th:nth-child(6),.table-container th:nth-child(7){min-width:80px;text-align:center}.table-container td:nth-child(8),.table-container td:nth-child(9),.table-container th:nth-child(8),.table-container th:nth-child(9){min-width:90px;text-align:center}.table-container td:nth-child(10),.table-container th:nth-child(10){min-width:80px;text-align:center}.table-container{margin-bottom:1rem}@media (max-width:1200px){.table-container table{font-size:.85rem}.table-container td,.table-container th{padding:6px 4px;white-space:nowrap}}@media (max-width:768px){.table-container table{font-size:.75rem}.status-badge{font-size:.7rem;min-width:50px;padding:2px 6px}}.filter-controls select{background:#fff;background:var(--card-bg);background-color:#fff;background-color:var(--card-bg);border:1px solid #e3e6f0;border:1px solid var(--border);border-radius:6px;color:#5a5c69;color:var(--text);font-size:.9rem;min-width:120px;padding:8px 12px}.filter-select:focus{border-color:#4e73df;border-color:var(--primary);box-shadow:0 0 0 2px #4e73df40;outline:none}.clear-filters-btn{background-color:#858796;background-color:var(--muted);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.clear-filters-btn:hover{background-color:#6c757d}.table-header.filter-section h2{margin-bottom:0}@media (max-width:768px){.filters-container{align-items:stretch;flex-direction:column}.filter-select,.search-input{margin-bottom:5px;width:100%}}.quick-edit-bar{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:12px 20px}.quick-edit-info{align-items:center;display:flex;gap:15px}.edit-count{font-size:1rem;font-weight:600}.save-message{border-radius:20px;font-size:.85rem;font-weight:500;padding:4px 12px}.save-message.success{background-color:#28a745e6}.save-message.error{background-color:#dc3545e6}.quick-edit-actions{display:flex;gap:10px}.btn-cancel-all,.btn-save-all{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .2s ease}.btn-save-all{background-color:#28a745;color:#fff}.btn-save-all:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.btn-cancel-all{background-color:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-cancel-all:hover:not(:disabled){background-color:#ffffff4d}.btn-cancel-all:disabled,.btn-save-all:disabled{cursor:not-allowed;opacity:.6}.inline-edit-input,.inline-edit-select{background-color:#fff;background-color:var(--card-bg);border:1px solid #e3e6f0;border:1px solid var(--border);border-radius:4px;color:#5a5c69;color:var(--text);font-size:.85rem;padding:6px 8px;transition:all .2s ease;width:100%}.inline-edit-input:focus,.inline-edit-select:focus{border-color:#4e73df;border-color:var(--primary);box-shadow:0 0 0 2px #4e73df33;outline:none}.inline-edit-input{min-width:80px;text-align:center}.inline-edit-input.small{max-width:70px;min-width:60px}.inline-edit-select{cursor:pointer;min-width:90px}.inline-edit-input.stock-input.in-stock{background-color:#d4edda;border-color:#28a745;color:#155724;font-weight:700}.inline-edit-input.stock-input.out-of-stock{background-color:#f8d7da;border-color:#dc3545;color:#721c24;font-weight:700}.row-edited{background-color:#667eea1a!important;border-right:3px solid #667eea}body.theme-dark .row-edited{background-color:#667eea26!important}.action-button{font-size:.8rem;margin:2px;padding:5px 10px;white-space:nowrap}@media (max-width:768px){.quick-edit-bar{flex-direction:column;gap:10px;text-align:center}.quick-edit-actions,.quick-edit-info{justify-content:center;width:100%}.inline-edit-input,.inline-edit-select{font-size:.8rem;padding:4px 6px}}.filter-controls{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.filter-controls>*{flex:1 1 150px}@media (max-width:768px){.filter-controls{align-items:stretch;flex-direction:column}.filter-controls>*{flex-basis:auto}}:root{--primary-color:#007bff;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--light-gray:#f8f9fa;--dark-gray:#343a40;--border-color:#dee2e6}.add-product-container{background-color:#f8f9fa;background-color:var(--light-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.dashboard-header{border-bottom:1px solid #dee2e6;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h1{align-items:center;color:#343a40;color:var(--dark-gray);display:flex;font-size:2rem;font-weight:700;gap:10px;margin:0}.product-id-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea66;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:6px 14px}.product-form{background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #00000014;margin:0 auto;max-width:800px;padding:2.5rem}.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.form-check{align-items:center;display:flex}.form-check input[type=checkbox]{margin-right:.5rem;width:auto}.submit-button{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.9rem;transition:background-color .2s,transform .1s;width:100%}.submit-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px)}.submit-button:disabled{background-color:#a0c7ff;cursor:not-allowed}.message{border-radius:5px;margin-bottom:1rem;padding:1rem}.message.success{background-color:#d4edda}.message.error{background-color:#f8d7da}.file-input-container{align-items:center;display:flex;gap:1rem}.file-input-button{background-color:#6c757d;background-color:var(--secondary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:background-color .2s;white-space:nowrap}.file-input-button:hover{background-color:#5a6268}.file-name{color:#6c757d;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-preview-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.media-preview{text-align:center}.media-preview label{color:#495057;display:block;font-weight:600;margin-bottom:.5rem}.media-preview img,.media-preview video{background-color:#f8f9fa;border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000001a;max-height:400px;max-width:300px;object-fit:contain}.remove-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s}.remove-btn:hover{background-color:#c82333}@media (max-width:600px){.media-preview-container{flex-direction:column;gap:1.5rem}.media-preview{align-items:center;display:flex;flex-direction:column;width:100%}.media-preview img,.media-preview video{aspect-ratio:auto;border-radius:8px;height:auto;max-height:70vh;max-width:none;object-fit:contain;width:100%}.remove-btn{border-radius:8px;font-size:1rem;margin-top:1rem;min-width:120px;padding:.75rem 1.5rem;width:auto}}.camera-interface{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.camera-container{background:#000;border-radius:12px;box-shadow:0 10px 30px #00000080;max-width:500px;min-height:450px;overflow:hidden;position:relative;width:90%}.camera-video{background:#f0f0f0;border:2px solid #28a745;border-radius:8px;display:block;height:400px;object-fit:cover;transform:scaleX(-1);width:100%}.camera-controls{align-items:center;bottom:20px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.cancel-button,.capture-button,.record-button,.stop-button{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.capture-button,.record-button{background:linear-gradient(45deg,#28a745,#20c997);color:#fff}.capture-button:hover,.record-button:hover{background:linear-gradient(45deg,#218838,#1ea080);transform:scale(1.05)}.stop-button{background:linear-gradient(45deg,#dc3545,#e74c3c);color:#fff}.stop-button:hover{background:linear-gradient(45deg,#c82333,#dc2626);transform:scale(1.05)}.cancel-button{background:linear-gradient(45deg,#6c757d,#5a6268)}.cancel-button:hover{background:linear-gradient(45deg,#5a6268,#495057);transform:scale(1.05)}.recording-indicator{animation:pulse 1s infinite;background:#dc3545e6;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.media-input-container{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:20px;transition:all .3s ease}.media-input-container:hover{background:#e3f2fd;border-color:#007bff}.media-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.media-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:160px;padding:12px 20px;transition:all .3s ease}.camera-button{background:linear-gradient(45deg,#007bff,#0056b3);color:#fff}.camera-button:hover{background:linear-gradient(45deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.file-button{background:linear-gradient(45deg,#28a745,#20c997);color:#fff}.file-button:hover{background:linear-gradient(45deg,#218838,#1ea080);box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.file-info{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.file-name{color:#495057;flex:1 1;font-weight:600;min-width:200px}.file-size{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:.9em;padding:2px 8px}@media (max-width:768px){.camera-container{max-height:95%;max-width:95%}.camera-controls{bottom:10px;gap:10px}.cancel-button,.capture-button,.record-button,.stop-button{font-size:14px;padding:10px 16px}.media-buttons{flex-direction:column}.media-button{min-width:auto}.file-info{align-items:flex-start;flex-direction:column}.file-name{min-width:auto}}@media (max-width:480px){.camera-controls{flex-direction:column;gap:8px}.recording-indicator{font-size:12px;padding:6px 12px}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#fa709a,#fee140);--danger-gradient:linear-gradient(135deg,#ff6b6b,#ee5a24);--card-shadow:0 10px 30px #0000001a;--card-shadow-hover:0 15px 40px #00000026;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.modal-content *,.modal-content :after,.modal-content :before{box-sizing:border-box}.option-section{background:linear-gradient(145deg,#fff,#f8f9ff);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--card-shadow);margin-bottom:2rem;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.option-section:hover{box-shadow:0 15px 40px #00000026;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.option-section:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.option-section h2{align-items:center;background:#0000;border:none;color:#2d3748;display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;margin:0;padding:1.5rem 2rem}.option-section h2:before{content:"🏪";font-size:1.2rem}.option-section h2:has-text("أنواع الطبخ"):before{content:"👨‍🍳"}.option-section h2:has-text("طرق التحضير"):before{content:"🔥"}.option-section h2:has-text("أنواع الأرز"):before{content:"🍚"}.option-section h2:has-text("خيارات الذبح"):before{content:"🥩"}.option-section-body{background:#fffc;padding:2rem}.option-form{background:linear-gradient(145deg,#fff,#f7fafc);border:1px solid #6366f11a;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.option-form h3{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.option-form h3:before{-webkit-text-fill-color:initial;content:"✨"}.form-row{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.option-form input,.option-form select,.option-form textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.price-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.option-form input:focus,.option-form select:focus,.option-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.category-select{padding-left:3rem}.form-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.cancel-btn,.delete-btn,.edit-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.025em;min-width:120px;overflow:hidden;padding:.75rem 2rem;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.submit-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);box-shadow:0 4px 15px #4facfe4d}.submit-btn:hover{box-shadow:0 6px 20px #4facfe66;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.edit-btn{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--warning-gradient);box-shadow:0 4px 15px #f7709a4d}.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);background:var(--danger-gradient);box-shadow:0 4px 15px #ff6b6b4d}.delete-btn:hover,.edit-btn:hover{transform:translateY(-2px)}.table-container{border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--card-shadow);margin-top:2rem;overflow:hidden}.table-container table{border-collapse:collapse;font-size:.95rem;width:100%}.table-container thead{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.table-container th{font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:1.25rem 1rem;text-align:right;text-transform:uppercase}.table-container td{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:1rem;vertical-align:middle}.table-container tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.table-container tbody tr:hover{background:linear-gradient(90deg,#667eea0d,#764ba20d);transform:scale(1.01)}.action-buttons button{border-radius:6px;font-size:.8rem;min-width:80px;padding:.5rem 1rem}.search-bar{margin-bottom:2rem;position:relative}.search-bar .option-row{grid-gap:1rem;align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;margin-bottom:.75rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.no-options{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:2rem}.search-bar input{background:#fff;border:2px solid #e2e8f0;border-radius:50px;box-shadow:0 2px 10px #0000000d;color:#2d3748;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.search-bar input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 20px #0000001a;outline:none}.search-bar:before{content:"🔍";font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.option-section{animation:fadeInUp .6s ease-out}.option-section:nth-child(2){animation-delay:.1s}.option-section:nth-child(3){animation-delay:.2s}.option-section:nth-child(4){animation-delay:.3s}.option-section:nth-child(5){animation-delay:.4s}@media (max-width:768px){.option-form,.option-section-body{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.form-buttons{flex-direction:column}.table-container{overflow-x:auto}.action-buttons{flex-direction:column;gap:.25rem}}.theme-dark .option-section{background:linear-gradient(145deg,#1a202c,#2d3748);color:#e2e8f0}.theme-dark .option-section h2{color:#e2e8f0}.theme-dark .option-form{background:linear-gradient(145deg,#2d3748,#4a5568);border-color:#667eea33}.theme-dark .option-form input,.theme-dark .option-form select,.theme-dark .option-form textarea{background:#4a5568;border-color:#718096;color:#e2e8f0}.theme-dark .table-container{background:#2d3748}.theme-dark .table-container td{border-color:#4a5568;color:#e2e8f0}.category-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;letter-spacing:.025em;padding:.375rem .75rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.category-badge:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.category-badge.camel{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.category-badge.cow{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.category-badge.sheep{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.category-badge.unknown{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.category-badge.camel:before{content:"🏜️";margin-left:.25rem}.category-badge.cow:before{content:"🌾";margin-left:.25rem}.category-badge.sheep:before{content:"🌿";margin-left:.25rem}.table-container tbody tr:nth-child(2n){background:#f8fafc80}.table-container tbody tr:hover .category-badge{transform:scale(1.05)}.option-form .form-row input:hover,.option-form .form-row select:hover{border-color:#cbd5e0;transform:translateY(-1px)}.option-form .form-row input:valid{border-color:#48bb78}.option-form .form-row input:invalid:not(:placeholder-shown){border-color:#f56565}.submit-btn:active{animation:pulse .2s ease-in-out}.table-container tbody tr:hover{background:linear-gradient(90deg,#667eea14,#764ba214);box-shadow:0 4px 20px #0000001a;transform:translateX(5px)}.theme-dark .category-badge{box-shadow:0 2px 8px #0000004d}.theme-dark .category-badge:hover{box-shadow:0 4px 12px #0006}.filter-section{background:linear-gradient(145deg,#f8fafc,#e2e8f0);border:1px solid #6366f11a;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.filter-header h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.items-count{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:25px;box-shadow:0 2px 10px #0000001a;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filter-btn:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#667eea;box-shadow:0 4px 20px #667eea66;color:#fff}.filter-btn.camel:not(.active){border-color:#f093fb;color:#f5576c}.filter-btn.camel.active{background:linear-gradient(135deg,#f093fb,#f5576c)}.filter-btn.cow:not(.active){border-color:#4facfe;color:#00f2fe}.filter-btn.cow.active{background:linear-gradient(135deg,#4facfe,#00f2fe)}.filter-btn.sheep:not(.active){border-color:#43e97b;color:#38f9d7}.filter-btn.sheep.active{background:linear-gradient(135deg,#43e97b,#38f9d7)}.filter-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.filter-btn:hover:before{left:100%}.no-results{color:#718096;font-size:1.1rem;padding:3rem;text-align:center}.no-results:before{content:"🔍";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.theme-dark .filter-section{background:linear-gradient(145deg,#2d3748,#4a5568);border-color:#667eea33}.theme-dark .filter-header h4{color:#e2e8f0}.theme-dark .filter-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}.theme-dark .filter-btn:hover{background:#718096}.theme-dark .no-results{color:#a0aec0}@media (max-width:768px){.filter-header{flex-direction:column;gap:1rem;text-align:center}.category-filters,.filter-btn{justify-content:center}.filter-btn{flex:1 1;min-width:120px}}.status-badge{border-radius:4px;font-weight:700;padding:4px 8px}.status-badge.active{background-color:#0a03;color:#0a0}.status-badge.inactive{background-color:#f003;color:#c00}.toggle-btn{border:1px solid #ddd;border-radius:4px;margin:0 2px;padding:4px 8px}.toggle-btn.activate{color:#0a0}.toggle-btn.deactivate{color:#c00}.status-filters{display:flex;gap:8px;margin-bottom:10px}.filter-btn.active-status{border-color:#0a0;color:#0a0}.filter-btn.inactive-status{border-color:#c00;color:#c00}.form-row.active-toggle{display:flex;margin-top:10px}.form-row.active-toggle label{align-items:center;cursor:pointer;display:flex;gap:8px}.simple-toggle{background:#fff;border:2px solid #cbd5e0;border-radius:8px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:700;min-width:90px;padding:10px 20px;transition:all .2s ease}.simple-toggle:hover{border-color:#10b981;transform:scale(1.05)}.simple-toggle.active{background:#10b981;border-color:#059669;box-shadow:0 4px 12px #10b9814d;color:#fff}.restaurant-options-editor{background:#0000;box-sizing:border-box;margin:0;max-width:none;overflow-x:hidden;padding:0;width:100%}.options-group{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;margin-bottom:2.5rem;max-width:100%;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s ease;width:100%}.options-group:hover{border-color:#667eea4d;box-shadow:0 4px 12px #0000001a}.options-group h4{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #667eea1a;display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;margin:0 0 2rem;padding-bottom:1rem;position:relative}.options-group h4:after{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.options-group:first-child h4:before{content:"🔥";filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem}.options-group:nth-child(2) h4:before{content:"👨‍🍳";filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem}.options-group:nth-child(3) h4:before{content:"🍚";filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem}.option-row{grid-gap:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000014;box-sizing:border-box;display:grid;gap:1.25rem;grid-template-columns:120px 1fr 2fr;margin-bottom:1rem;max-width:100%;overflow:hidden;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.option-checkbox,.option-row{align-items:center;position:relative}.option-checkbox{background:#f0f8ffcc;border:2px dashed #4facfe4d;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:10px;z-index:1}.option-details{align-items:center;display:flex}.option-inputs{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;max-width:100%;width:100%}.option-inputs>*{min-width:0}.input-group{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.input-group label{color:#64748b;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-align:center}.cost-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:10px;box-shadow:0 2px 8px #0000000d;font-size:1.05rem;max-width:220px;padding:.85rem 1.2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.cost-input:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26,0 4px 12px #f59e0b33;outline:none;transform:translateY(-1px)}.cost-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.category-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:left .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:2px solid #e2e8f0cc;border-radius:10px;box-shadow:0 2px 8px #0000000d;cursor:pointer;font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626,0 4px 12px #8b5cf633;outline:none;transform:translateY(-1px)}.category-select:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;opacity:.6}.option-row:before{background:linear-gradient(90deg,#0000,#4facfe1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.option-row:hover:before{left:100%}.option-row:hover{border-color:#4facfe66;box-shadow:0 8px 25px #4facfe26,0 0 0 1px #4facfe1a;transform:translateY(-2px)}.option-row.enabled{background:#f0f8ffcc;border-color:#4facfe66;box-shadow:0 8px 25px #4facfe33,0 0 0 1px #4facfe33,inset 0 1px 0 #ffffff4d}.option-name{color:#2c3e50;font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px #0000001a}.option-row.enabled .option-name{color:#0369a1;font-weight:700}.option-row.enabled .option-checkbox{background:#4facfe26;border-color:#4facfecc;border-style:solid}.price-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:10px;box-shadow:0 2px 8px #0000000d;font-size:1.05rem;max-width:220px;padding:.85rem 1.2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.price-input:focus{border-color:#4facfe;box-shadow:0 0 0 4px #4facfe26,0 4px 12px #4facfe33;outline:none;transform:translateY(-1px)}.price-container{display:block;max-width:100%;position:relative;width:100%}.currency{display:none}@media (max-width:768px){.option-row{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.option-checkbox{justify-self:center}.option-details{justify-content:center}.option-name{font-size:1.2rem;text-align:center}.option-inputs{gap:1.5rem;grid-template-columns:1fr}.category-select{background-position:right .75rem center;padding-left:1rem}.input-group{align-items:center}.cost-input,.price-input{max-width:200px;width:100%}}.modal-footer{border-top:2px solid #667eea1a;gap:1.5rem;margin-top:3rem;padding-top:2rem}.cancel-btn,.save-btn{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 25px #4facfe66,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;color:#fff}.save-btn:hover{box-shadow:0 15px 35px #4facfe80,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.cancel-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0cc;box-shadow:0 4px 12px #0000001a;color:#64748b}.cancel-btn:hover{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);border-color:#cbd5e1;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.no-options{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border:2px dashed #cbd5e199;border-radius:12px;color:#64748b;font-style:italic;padding:3rem}.no-options:before{content:"📋";display:block;filter:grayscale(.3);font-size:3rem;margin-bottom:1rem;opacity:.6}.loading-container{padding:4rem 2rem;text-align:center}.loading-spinner{border:4px solid #4facfe33;border-top-color:#4facfe;height:50px;width:50px}.loading-container p{color:#64748b;font-size:1.1rem;margin:0}.error-container{align-items:center;background:linear-gradient(135deg,#fee2e2cc,#fca5a599);border:2px solid #ef444433;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:2rem;padding:4rem 2rem;text-align:center}.error-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:1rem}.error-message{font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.retry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;box-shadow:0 4px 12px #ef44444d;font-weight:600;padding:.75rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-btn:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{border-radius:18px;box-shadow:0 30px 60px #0006;max-height:94vh;max-width:1800px;position:relative;width:96%}.modal-header{border-radius:18px 18px 0 0;box-shadow:0 4px 12px #00000026;padding:1.75rem 3rem}.modal-header h2{color:#fff;flex:1 1;font-size:1.7rem}.modal-close-btn{align-items:center;background:#ffffff40;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:2.2rem;height:44px;justify-content:center;line-height:1;transition:all .3s ease;width:44px}.modal-close-btn:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1)}.modal-body{max-width:100%;padding:3rem 4rem}.modal-body::-webkit-scrollbar{width:12px}.modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #f3f4f6;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.modal-body .options-group{margin-bottom:3rem}.modal-body .options-group:last-child{margin-bottom:1rem}.modal-body .options-group h4{margin-bottom:1.75rem}@media (max-width:1600px){.modal-content{max-width:1400px;width:94%}.modal-body{padding:2.5rem 3.5rem}}@media (max-width:1200px){.modal-content{max-width:1100px;width:92%}.modal-header{padding:1.5rem 2.5rem}.modal-body{padding:2rem 2.5rem}}@media (max-width:992px){.modal-content{max-height:92vh;width:95%}.modal-header h2{font-size:1.5rem}.modal-body{padding:2rem}}@media (max-width:768px){.modal-backdrop{padding:0}.modal-content{border-radius:14px;max-height:96vh;width:98%}.modal-header{border-radius:14px 14px 0 0;padding:1.25rem 1.75rem}.modal-header h2{font-size:1.3rem}.modal-close-btn{font-size:2rem;height:40px;width:40px}.modal-body{padding:1.5rem}.modal-body .options-group{margin-bottom:2.5rem}}.invalid-phone{background-color:#fff5f5;border:2px solid #f44!important}.invalid-phone:focus{box-shadow:0 0 5px #ff444480}.phone-valid{color:#28a745;font-weight:500}.phone-invalid{color:#dc3545;font-style:italic}.phone-missing{color:#6c757d}.sms-status{text-align:center}.sms-status .status-active{color:#22c55e;font-weight:700}.sms-status .status-inactive{color:#ef4444;font-weight:700}.permission-status .status-active{color:#22c55e;font-weight:700}.permission-status .status-inactive{color:#ef4444;font-weight:700}.checkbox-container{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-container .checkmark{font-weight:500}.sms-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;min-width:60px;padding:6px 10px;transition:all .2s ease}.sms-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.sms-btn:active{transform:translateY(0)}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85em;min-width:60px;padding:6px 12px;transition:all .2s ease}.edit-btn{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#1e7e34,#155724);transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}@media (max-width:768px){.action-buttons{flex-direction:column;gap:4px}.delete-btn,.edit-btn,.sms-btn{min-width:auto;width:100%}}tbody tr:hover{background-color:#f8f9fa;transition:background-color .2s ease}th{background:linear-gradient(135deg,#343a40,#495057);color:#fff;font-weight:600;padding:12px 8px}td,th{text-align:center}td{padding:10px 8px;vertical-align:middle}td:nth-child(8){max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.multi-select-container{margin-bottom:5px;position:relative;width:100%}.multi-select-container.disabled{cursor:not-allowed;opacity:.6}.multi-select-label{color:#495057;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.required-star{color:#dc3545;margin-right:3px}.multi-select-display{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;min-height:42px;padding:8px 40px 8px 12px;position:relative;transition:all .3s ease}.multi-select-display:hover{border-color:#007bff}.multi-select-display.open{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.multi-select-display.error{border-color:#dc3545}.multi-select-placeholder{color:#6c757d;font-size:.95rem}.multi-select-arrow{color:#6c757d;font-size:.8rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s ease}.multi-select-display.open .multi-select-arrow{transform:translateY(-50%) rotate(180deg)}.multi-select-tags{display:flex;flex-wrap:wrap;gap:6px;width:100%}.multi-select-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;max-width:200px;padding:4px 8px}.tag-icon{font-size:1rem}.tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;line-height:1;padding:0;transition:background .2s ease;width:18px}.tag-remove:hover{background:#ffffff4d}.multi-select-dropdown{animation:slideDown .2s ease;background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column;left:0;max-height:400px;position:absolute;right:0;top:calc(100% + 5px);z-index:1000}.multi-select-search{border-bottom:1px solid #e9ecef;padding:12px}.multi-select-search input{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;padding:8px 12px;transition:border-color .3s ease;width:100%}.multi-select-search input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.multi-select-actions{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:8px;padding:8px 12px}.action-btn{background:#fff;border:1px solid #dee2e6;color:#495057;flex:1 1;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.action-btn:hover{background:#007bff;border-color:#007bff;color:#fff}.multi-select-options{max-height:250px;overflow-y:auto;padding:4px}.multi-select-options::-webkit-scrollbar{width:8px}.multi-select-options::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.multi-select-options::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.multi-select-options::-webkit-scrollbar-thumb:hover{background:#adb5bd}.multi-select-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s ease}.multi-select-option:hover{background:#f8f9fa}.multi-select-option.selected{background:#e7f3ff;color:#0056b3;font-weight:600}.multi-select-option input[type=checkbox]{accent-color:#007bff;cursor:pointer;height:18px;width:18px}.option-icon{font-size:1.2rem}.option-label{flex:1 1;font-size:.9rem}.no-options{color:#6c757d;font-size:.9rem;padding:20px;text-align:center}.multi-select-footer{background:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;font-size:.85rem;font-weight:600;padding:10px 12px;text-align:center}@media (max-width:768px){.multi-select-dropdown{max-height:300px}.multi-select-options{max-height:180px}.multi-select-tag{font-size:.8rem;padding:3px 6px}.option-icon,.tag-icon{font-size:1rem}}.supplier-manager{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.page-header{border-bottom:3px solid #007bff}.header-left{gap:15px}.page-header h1{font-size:2rem}.supplier-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:30px}.supplier-form-container h2{color:#2c3e50;font-size:1.5rem;margin:0 0 25px}.supplier-form{display:flex;flex-direction:column;gap:25px}.form-section{border-radius:8px;border-right:4px solid #007bff;padding:20px}.form-section h3{color:#495057;font-size:1.2rem;margin:0 0 15px}.form-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-row:last-child{margin-bottom:0}.required{color:#dc3545;margin-right:3px}.form-group input,.form-group select,.form-group textarea{border:2px solid #dee2e6;padding:10px 15px}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.85rem;margin-top:5px}.checkbox-label{font-weight:600}.checkbox-label input[type=checkbox]{margin-left:10px}.form-actions{border-top:2px solid #dee2e6;gap:15px}.suppliers-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.search-box{flex:1 1;min-width:300px}.search-box input{border:2px solid #dee2e6;border-radius:8px;padding:12px 20px;transition:all .3s ease}.search-box input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filter-buttons{display:flex;gap:10px}.filter-buttons button{background:#fff;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.filter-buttons button:hover{background:#f8f9fa}.filter-buttons button.active{background:#007bff;border-color:#007bff;color:#fff}.suppliers-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.suppliers-table{border-collapse:collapse;width:100%}.suppliers-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.suppliers-table th{font-size:1rem;font-weight:600;padding:15px;text-align:right}.suppliers-table tbody tr{border-bottom:1px solid #dee2e6;transition:background .2s ease}.suppliers-table tbody tr:hover{background:#f8f9fa}.suppliers-table tbody tr.inactive{background:#fff3cd;opacity:.6}.suppliers-table td{padding:15px;text-align:right}.supplier-name{flex-direction:column;gap:3px}.supplier-name strong{color:#2c3e50;font-size:1rem}.supplier-name small{color:#6c757d;font-size:.85rem}.action-buttons{gap:8px}.btn{gap:5px;padding:10px 20px}.btn:hover{box-shadow:0 4px 8px #00000026}.btn:active{transform:translateY(0)}.btn-sm{padding:8px 12px}.file-upload-container{margin-top:8px}.file-input-wrapper{display:flex;flex-direction:column;gap:8px}.file-input-wrapper input[type=file]{display:none}.file-input-label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-align:center;transition:all .3s ease}.file-input-label:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.file-help-text{color:#6c757d;font-size:.85rem;font-style:italic}.file-preview{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;gap:12px;padding:12px}.file-icon{font-size:2rem}.file-link{color:#007bff;flex:1 1;font-weight:600;text-decoration:none;transition:color .3s ease}.file-link:hover{color:#0056b3;text-decoration:underline}.no-data{border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:60px 20px}.no-data p{color:#6c757d;margin-bottom:20px}.modal-overlay{background:#000000b3;overflow-y:auto;z-index:10000}.modal-content{animation:slideUp .3s ease;box-shadow:0 10px 40px #0000004d;max-width:900px}.modal-header{border-bottom:2px solid #e9ecef;padding:24px 30px}.modal-header h2{font-size:1.5rem;font-weight:700}.modal-close{align-items:center;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{transform:rotate(90deg)}.modal-body{padding:30px}.modal-body::-webkit-scrollbar-track{background:#f8f9fa}.modal-body::-webkit-scrollbar-thumb{background:#dee2e6}.modal-body::-webkit-scrollbar-thumb:hover{background:#adb5bd}.details-section{background:#f8f9fa;border-radius:12px;border-right:4px solid #667eea;margin-bottom:30px;padding:20px}.details-section h3{color:#495057;font-size:1.2rem;font-weight:700;margin:0 0 20px}.details-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item{gap:8px}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#6c757d;font-size:.9rem;font-weight:600}.detail-value{color:#212529;font-size:1rem}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:6px 12px}.detail-bio,.detail-notes{background:#fff;border-radius:8px;border-right:3px solid #667eea;color:#495057;font-size:.95rem;line-height:1.6;margin:0;padding:15px}.contract-status{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;padding:6px 12px}.contract-status.status-active{background:#d4edda;color:#155724}.contract-status.status-expired{background:#f8d7da;color:#721c24}.contract-status.status-under_renewal{background:#fff3cd;color:#856404}.contract-status.status-suspended{background:#e2e3e5;color:#383d41}.detail-file-link{background:#007bff;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.detail-file-link:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.detail-rating{color:#ffc107;font-size:1.1rem;font-weight:700}.detail-status-badge{display:flex;justify-content:center;padding:10px}.modal-footer{border-top:2px solid #e9ecef;padding:20px 30px}.modal-footer .btn{min-width:120px}@media (max-width:768px){.supplier-manager{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:15px}.header-left{flex-direction:column;gap:10px}.page-header h1{font-size:1.5rem;text-align:center}.supplier-form-container{padding:20px 15px}.form-row{grid-template-columns:1fr}.suppliers-filters{flex-direction:column}.search-box{min-width:auto;width:100%}.filter-buttons{justify-content:space-between;width:100%}.filter-buttons button{flex:1 1;font-size:.9rem;padding:8px 10px}.suppliers-table-container{overflow-x:auto}.suppliers-table{min-width:800px}.suppliers-table td,.suppliers-table th{font-size:.9rem;padding:10px 8px}.form-actions{flex-direction:column}.form-actions button{width:100%}.modal-content{max-height:95vh}.modal-header{padding:16px 20px}.modal-header h2{font-size:1.2rem}.modal-body{padding:20px}.details-section{margin-bottom:20px;padding:15px}.details-section h3{font-size:1rem}.details-grid{gap:15px;grid-template-columns:1fr}.detail-item.full-width{grid-column:1}.modal-footer{flex-direction:column;padding:15px 20px}.modal-footer .btn{width:100%}}@media (max-width:480px){.page-header h1{font-size:1.3rem}.filter-buttons button{font-size:.8rem}.suppliers-table td,.suppliers-table th{font-size:.85rem;padding:8px 5px}.btn{font-size:.9rem;padding:8px 15px}}.suppliers-report-page{direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.page-header{padding-bottom:1rem}.header-left{gap:1rem}.btn{padding:.7rem 1.5rem}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-value{font-size:1.35rem}.filters-section{border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem}.filters-section h3{border-bottom:1px solid #eee;margin:0 0 1.5rem;padding-bottom:1rem}.filters-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem}.filter-group.search-group{flex:2 1;min-width:300px}.filter-group label{color:#2c3e50;font-size:.9rem;margin-right:4px}.filter-group select,.search-input{background-color:#fff;border:1px solid #dce0e4;border-radius:8px;color:#2c3e50;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.filter-group select:focus,.search-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.suppliers-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem}.suppliers-list{display:flex;flex-direction:column;gap:1.5rem}.supplier-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.supplier-card:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea33}.supplier-card.expanded{border-color:#667eea}.supplier-header{grid-gap:1.5rem;align-items:center;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:1fr auto auto;padding:1.5rem;transition:background .3s ease}.supplier-header:hover{background:#f8f9fa}.supplier-info{display:flex;flex-direction:column;gap:.7rem}.supplier-name{align-items:center;display:flex;font-size:1.2rem;gap:.7rem}.supplier-icon{font-size:1.5rem}.supplier-contact{color:#6c757d;font-size:.95rem}.business-types{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:8px}.business-types strong{color:#4a5568;margin-left:8px}.business-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;margin:2px 4px;padding:4px 12px}.specialization-badge{background:linear-gradient(135deg,#f093fb,#f5576c)}.status-badge{border-radius:15px;padding:.3rem .8rem}.supplier-stats{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;min-width:200px;padding:1rem}.stat-item{gap:1rem;justify-content:space-between}.stat-item .stat-label{color:#6c757d;font-size:.9rem}.stat-item .stat-value{color:#2c3e50;font-weight:600}.expand-icon{color:#667eea;font-size:1.5rem;transition:transform .3s ease}.supplier-card.expanded .expand-icon{transform:rotate(90deg)}.products-details{background:#f8f9fa;border-top:2px solid #e0e0e0;padding:1.5rem}.products-details h4{color:#2c3e50;font-size:1.1rem;margin:0 0 1rem}.no-data,.no-products{color:#6c757d;padding:3rem;text-align:center}.no-data p,.no-products p{font-size:1.1rem;margin:0}@media print{.expand-icon,.filters-section,.page-header button{display:none!important}.supplier-card{border:1px solid #000;page-break-inside:avoid}.products-details{display:block!important}.statistics-section{background:#f0f0f0!important;color:#000!important}.stat-card{border:1px solid #ccc}}@media (max-width:992px){.supplier-header{grid-template-columns:1fr}.supplier-stats{width:100%}.expand-icon{left:1.5rem;position:absolute;top:1.5rem}}@media (max-width:768px){.suppliers-report-page{padding:1rem}.page-header{gap:1rem}.header-left,.page-header{align-items:stretch;flex-direction:column}.statistics-grid{grid-template-columns:1fr}.products-table{font-size:.85rem}.products-table td,.products-table th{padding:.5rem}}.products-suppliers-report-page{background:#f5f7fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.header-left h1{font-size:1.8rem}.statistics-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;margin-bottom:2rem;padding:2rem}.statistics-section h2{color:#fff;font-size:1.5rem;margin:0 0 1.5rem;text-shadow:0 2px 4px #0000001a}.statistics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff80;border-radius:15px;box-shadow:0 4px 6px #0000000d;gap:1rem;transition:transform .3s ease,box-shadow .3s}.stat-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;background:#667eea1a;border-radius:50%;color:#667eea;flex-shrink:0;height:60px;width:60px}.stat-details,.stat-icon{display:flex;justify-content:center}.stat-details{flex:1 1;flex-direction:column}.stat-value{font-size:1.4rem;font-weight:800;margin-bottom:.2rem;white-space:nowrap}.stat-label{font-weight:600;line-height:1.3}.filters-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.filters-section h3{color:#2c3e50;font-size:1.2rem;margin:0 0 1rem}.search-bar{margin-bottom:1.5rem}.search-input{font-size:1rem;padding:1rem}.search-input:focus{box-shadow:0 0 0 3px #667eea1a}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{flex-direction:column;gap:.5rem}.filter-group label{color:#495057}.filter-group select{border:1px solid #ced4da;font-size:1rem;padding:.7rem;transition:border-color .3s ease}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.products-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:2rem}.products-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem}.products-table-container{overflow-x:auto}.products-table{border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.products-table th{font-size:.95rem}.products-table tbody tr.no-supplier{background:#fff3cd}.products-table tbody tr.no-supplier:hover{background:#ffe69c}.products-table td{vertical-align:top}.category-badge{border-radius:12px;padding:4px 12px}.status-mini{display:inline-block;font-size:.9rem;margin-right:5px}.status-mini.active{color:#28a745}.status-mini.inactive{color:#dc3545}.mini-badges{align-items:center;display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.mini-badges strong{color:#6c757d;font-size:.8rem;margin-left:5px}.mini-badge{border-radius:8px;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px;white-space:nowrap}.mini-badge.business{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mini-badge.spec{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.supplier-info-cell{align-items:center;display:flex;gap:.5rem}.supplier-details-cell{font-size:.85rem;line-height:1.6}.supplier-details-cell>div{margin-bottom:4px}.no-supplier-text{color:#dc3545;font-weight:600}.no-data-text{color:#6c757d}.profit{color:#28a745}.loss,.profit{font-weight:600}.loss{color:#dc3545}.no-data p{font-size:1.1rem}.error,.loading{font-size:1.3rem;padding:3rem;text-align:center}@media print{@page{size:auto;margin:1cm}*,:after,:before{background:#0000!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}body,html{background:#fff!important;height:auto!important;margin:0!important;overflow:visible!important;padding:0!important}body *{visibility:hidden}.products-suppliers-report-page,.products-suppliers-report-page *{background:#fff!important;color:#000!important;visibility:visible}.products-suppliers-report-page{left:0;margin:0;min-height:auto;padding:20px 0 0!important;position:absolute;top:0;width:100%}.filters-section,.header-left button,.page-header button,.search-bar{display:none!important}.page-header{border-bottom:2px solid #000!important;margin-bottom:20px;padding-bottom:10px}.page-header h1{font-size:18pt;margin-bottom:10px;text-align:center}.statistics-section{border:1px solid #000!important;display:block!important;margin-bottom:15px;padding:5px}.statistics-section h2{border-bottom:1px solid #000;font-size:12pt;margin-bottom:5px}.statistics-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(6,1fr)!important}.stat-card{align-items:center;border:1px solid #000!important;break-inside:avoid;display:flex;flex-direction:column;padding:5px;page-break-inside:avoid;text-align:center}.stat-details{width:100%}.stat-value{color:#000!important;font-size:10pt!important}.stat-label{font-size:8pt!important;white-space:normal}.products-section{border:none!important;margin-top:20px;padding:0!important}.products-table-container{overflow:visible!important}.products-table{border:1px solid #000!important;border-collapse:collapse!important;font-size:10pt;width:100%}.products-table td,.products-table th{border:1px solid #000!important;padding:5px 8px;text-align:right}.products-table th{background-color:#f0f0f0!important;font-weight:700}.category-badge,.mini-badge,.status-mini{border:none!important;font-weight:400;padding:0!important}.stat-icon{display:none}}@media (max-width:1200px){.products-table{font-size:.85rem}.products-table td,.products-table th{padding:.7rem}}@media (max-width:768px){.products-suppliers-report-page{padding:1rem}.header-left,.page-header{align-items:stretch;flex-direction:column}.filters-grid,.statistics-grid{grid-template-columns:1fr}.products-table-container{overflow-x:scroll}.products-table{font-size:.75rem}.products-table td,.products-table th{padding:.5rem}}.products-search-page{background:#f5f7fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.page-header{flex-wrap:wrap;gap:1rem}.header-left{gap:1.5rem}.header-left h1{color:#2c3e50;font-size:2rem;margin:0}button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1.5rem;transition:all .3s ease}.print-controls{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.print-orientation{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:1rem;padding:.5rem 1rem}.print-orientation label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.print-orientation input[type=radio]{margin:0}.btn-secondary:hover{background:#5a6268}.btn-success:hover{background:#218838}.print-footer,.print-header{display:none}.search-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.search-box{margin-bottom:1rem}.search-input{border:2px solid #e0e0e0;border-radius:10px;direction:rtl;font-size:1.1rem;padding:1.2rem 1.2rem 1.2rem 3.5rem;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.clear-btn{align-items:center;background:#dc3545;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;left:1rem;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:10}.clear-btn:hover{background:#c82333;transform:translateY(-50%) scale(1.1)}.search-stats{color:#6c757d;font-size:1rem;text-align:center}.search-stats strong{color:#667eea;font-size:1.2rem}.products-table-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;padding:2rem}.products-table{background:#fff;border-collapse:collapse;width:100%}.products-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.products-table th{font-size:1rem;font-weight:600;padding:1rem;text-align:right;white-space:nowrap}.products-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s ease}.products-table tbody tr:hover{background:#f8f9fa}.products-table td{color:#495057;padding:1rem;text-align:right;vertical-align:middle}.product-id{color:#667eea;font-size:1rem;font-weight:600}.product-name{min-width:200px}.product-name strong{color:#2c3e50}.price{color:#28a745;font-weight:600;white-space:nowrap}.supplier-name{min-width:150px}.supplier-icon{margin-left:5px}.supplier-phone a{color:#667eea;font-weight:500;text-decoration:none}.supplier-phone a:hover{text-decoration:underline}.no-supplier{color:#dc3545;font-weight:500}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:500;white-space:nowrap}.category-badge,.stock-badge{border-radius:15px;display:inline-block;font-size:.85rem;padding:5px 12px}.stock-badge.in-stock{background:#d4edda;color:#155724}.no-data{background:#fff;padding:4rem 2rem}.no-data p{color:#333;font-size:1.3rem;margin:0}.loading{font-size:1.5rem}@media print{@page{size:A4 landscape;margin:.8cm}*{box-sizing:border-box!important}body{font-family:Arial,sans-serif!important;height:auto!important;margin:0!important;overflow:visible!important;padding:0!important}.products-search-page{color:#000!important;height:auto!important;margin:0!important;max-height:none!important;overflow:visible!important;padding:.3cm!important;position:static!important;width:100%!important}.print-header,.products-search-page{background:#fff!important;display:block!important;page-break-after:avoid!important;visibility:visible!important}.print-header{border:2px solid #000!important;margin:0 0 1cm!important;padding:.5cm!important}.company-logo{border-bottom:1px solid #ccc!important;margin-bottom:1cm!important;padding-bottom:.5cm!important;text-align:center!important}.company-logo h1{color:#000!important;font-size:24pt!important;font-weight:700!important;margin:0 0 .3cm!important}.company-logo p{color:#666!important;font-size:12pt!important;margin:0!important}.report-info{margin-top:.5cm!important;text-align:center!important}.report-info h2{color:#000!important;font-size:18pt!important;font-weight:700!important;margin:0 0 .5cm!important}.report-info p{color:#333!important;font-size:11pt!important;line-height:1.4!important;margin:.2cm 0!important}.simple-print-footer{display:block!important;height:auto!important;margin-top:.5cm!important;padding:0!important;visibility:visible!important}.simple-print-footer,.simple-print-footer p{background:#0000!important;border:none!important;box-shadow:none!important;page-break-after:avoid!important;page-break-inside:avoid!important}.simple-print-footer p{color:#666!important;font-size:9pt!important;margin:10pt 0 0!important;text-align:center!important}.products-table-section{background:#fff!important;display:block!important;margin:1cm 0!important;padding:0!important;visibility:visible!important}.no-print{display:none!important;visibility:hidden!important}.print-only-table{background:#fff!important;border:2px solid #000!important;border-collapse:collapse!important;display:table!important;font-size:9pt!important;margin:.5cm 0!important;width:100%!important}.print-only-header,.print-only-table{color:#000!important;visibility:visible!important}.print-only-header{background:#0000!important;display:block!important;margin-bottom:20px!important;opacity:1!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-only-header h2,.print-only-header p{color:#000!important;visibility:visible!important}.print-header-fixed,.simple-print-header{display:none!important}.print-only-table td,.print-only-table th{background:#fff!important;color:#000!important;display:table-cell!important;visibility:visible!important}.print-only-table th{background:#f0f0f0!important}.products-table thead{display:table-header-group!important;visibility:visible!important}.products-table tbody{display:table-row-group!important;visibility:visible!important}.products-table tr{display:table-row!important;page-break-inside:avoid!important;visibility:visible!important}.products-table th{background:#e8e8e8!important;font-size:9pt!important;font-weight:700!important;padding:8pt 4pt!important}.products-table td,.products-table th{border:1px solid #000!important;color:#000!important;display:table-cell!important;text-align:center!important;vertical-align:middle!important;visibility:visible!important}.products-table td{background:#fff!important;font-size:8pt!important;line-height:1.2!important;padding:6pt 4pt!important}.product-id{color:#000!important;font-weight:700!important}.product-name{font-weight:700!important}.product-name,.supplier-name{text-align:right!important}.price{font-weight:700!important;text-align:left!important}.category-badge,.stock-badge{border:1px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.supplier-phone a{color:#000;text-decoration:none}.no-data{display:block!important;padding:3rem}.no-data,.no-data p{color:#000!important}.no-data p{font-size:1.2rem}}@media (max-width:768px){.products-search-page{padding:1rem}.header-left,.page-header{flex-direction:column;gap:1rem}.header-left{align-items:flex-start}.search-input{font-size:16px}.products-table{font-size:.8rem}.products-table td,.products-table th{padding:.5rem .25rem}}.daily-closure-page{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.page-header h1{font-weight:600}.back-button{border-radius:8px;padding:.75rem 1.5rem;transition:all .3s ease}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:1rem;padding:1rem}.closure-form-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.closure-form-section h2{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #007bff1a}.check-button{background:#17a2b8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.check-button:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.check-button:disabled{background:#6c757d;cursor:not-allowed}.eligibility-results{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.eligibility-results h3{color:#2c3e50;font-size:1.3rem;margin:0 0 1.5rem;text-align:center}.stats-grid{grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:1.5rem;text-align:center}.stat-card.delivered{background:#d4edda;border-color:#c3e6cb}.stat-card.pending{background:#fff3cd;border-color:#ffeaa7}.stat-card.cancelled{background:#f8d7da;border-color:#f5c6cb}.stat-label{color:#6c757d;display:block;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:#2c3e50;display:block;font-weight:600}.can-close,.cannot-close{border-radius:8px;margin-top:1rem;padding:2rem;text-align:center}.can-close{background:#d4edda;border:2px solid #c3e6cb}.cannot-close{background:#f8d7da;border:2px solid #f5c6cb}.error-icon,.success-icon{font-size:3rem;margin-bottom:1rem}.can-close p,.cannot-close p{color:#2c3e50;font-size:1.1rem;margin-bottom:1.5rem}.create-closure-button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.create-closure-button:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.create-closure-button:disabled{background:#6c757d;cursor:not-allowed}.pending-orders{margin-top:1.5rem;text-align:right}.pending-orders h4{color:#2c3e50;margin-bottom:1rem}.pending-orders-list{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.pending-order-item{grid-gap:1rem;align-items:center;border-bottom:1px solid #dee2e6;display:grid;gap:1rem;grid-template-columns:1fr 2fr 1fr 1fr;padding:1rem}.pending-order-item:last-child{border-bottom:none}.pending-order-item .status{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-align:center}.pending-order-item .status.new{background:#cce5ff;color:#004085}.pending-order-item .status.processing{background:#fff3cd;color:#856404}.pending-order-item .status.out_for_delivery{background:#d1ecf1;color:#0c5460}.closures-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.closures-list-section h2{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.loading{padding:2rem}.no-data{background:#f8f9fa;border-radius:8px;font-size:1.1rem;padding:3rem}.closures-table{border:1px solid #dee2e6;border-radius:8px;overflow-x:auto}.closures-table table{background:#fff;border-collapse:collapse;width:100%}.closures-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem;text-align:right;white-space:nowrap}.closures-table td{border-bottom:1px solid #dee2e6;padding:1rem;vertical-align:middle}.closures-table tr:hover{background:#f8f9fa}.closures-table .status{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-align:center;white-space:nowrap}.closures-table .status.completed{background:#d4edda;color:#155724}.closures-table .status.pending{background:#fff3cd;color:#856404}.closures-table .status.cancelled{background:#f8d7da;color:#721c24}.closures-table .profit{color:#28a745;font-weight:600}.closures-table .loss{color:#dc3545;font-weight:600}.journal-created{color:#28a745;font-weight:500}.journal-pending{color:#ffc107;font-weight:500}.journal-button,.view-button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.view-button{background:#17a2b8;color:#fff}.view-button:hover{background:#138496}.journal-button{background:#ffc107;color:#212529}.journal-button:hover{background:#e0a800}.pagination{gap:1rem;margin-top:2rem;padding:1rem}.pagination button{background:#007bff;padding:.5rem 1rem;transition:background .3s ease}.pagination button:hover:not(:disabled){background:#0056b3}.pagination button:disabled{background:#6c757d}.pagination span{color:#495057;font-weight:500}.modal-content{box-shadow:0 10px 30px #0000004d}.accounts-modal{max-width:800px;width:90%}.modal-header{border-bottom:1px solid #dee2e6;padding:1.5rem}.modal-header h3{color:#2c3e50;font-size:1.3rem}.close-button{align-items:center;display:flex;height:30px;justify-content:center;padding:0;width:30px}.modal-body{padding:1.5rem}.modal-body p{color:#6c757d;margin-bottom:1.5rem}.accounts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.account-group{display:flex;flex-direction:column}.account-group label{color:#495057;font-weight:500;margin-bottom:.5rem}.account-group select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.account-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.modal-footer{border-top:1px solid #dee2e6;padding:1.5rem}.cancel-button,.create-journal-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.create-journal-button{background:#28a745;color:#fff}.create-journal-button:hover:not(:disabled){background:#218838}.create-journal-button:disabled{background:#6c757d;cursor:not-allowed}@media (max-width:768px){.daily-closure-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;text-align:center}.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.pending-order-item{gap:.5rem;grid-template-columns:1fr;text-align:center}.closures-table{font-size:.85rem}.action-buttons{flex-direction:column}.accounts-modal{margin:1rem;width:95%}.accounts-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.closures-table td,.closures-table th{padding:.5rem}}.daily-closure-details-page{direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.page-header{padding-bottom:15px}.page-header h1{color:#2c3e50}.back-button{border-radius:5px;font-size:14px;padding:10px 20px;transition:background-color .3s}.closure-info-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.closure-info-card h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:22px;margin-bottom:20px;padding-bottom:10px}.info-grid{grid-gap:15px;gap:15px;margin-bottom:20px}.info-item{border-radius:5px;border-right:4px solid #3498db;padding:10px}.info-item label{color:#2c3e50;font-weight:700}.info-item span{color:#34495e}.status{border-radius:15px;font-size:12px;font-weight:700;padding:5px 10px}.status.completed{background:#d4edda;color:#155724}.status.pending{background:#fff3cd;color:#856404}.notes{background:#f8f9fa;border-radius:5px;border-right:4px solid #17a2b8;margin-top:15px;padding:15px}.notes label{color:#2c3e50;display:block;font-weight:700;margin-bottom:5px}.notes p{color:#34495e;line-height:1.5;margin:0}.orders-stats{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.orders-stats h2{border-bottom:2px solid #ffc107;color:#2c3e50;font-size:22px;margin-bottom:20px;padding-bottom:10px}.stats-grid{grid-gap:15px;gap:15px}.stat-item{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:15px;text-align:center}.stat-item label{color:#2c3e50;display:block;font-weight:700;margin-bottom:5px}.stat-item span{color:#856404;font-size:18px;font-weight:700}.items-details{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.items-details h2{border-bottom:2px solid #6f42c1;color:#2c3e50;font-size:22px;margin-bottom:20px;padding-bottom:10px}.items-table{overflow-x:auto}.items-table table{border-collapse:collapse;margin-top:15px;width:100%}.items-table td,.items-table th{border-bottom:1px solid #dee2e6;padding:12px;text-align:center}.items-table th{border-bottom:2px solid #6f42c1;color:#2c3e50;font-weight:700}.items-table th,.items-table tr:hover{background:#f8f9fa}.items-table .positive{color:#28a745;font-weight:700}.items-table .negative{color:#dc3545;font-weight:700}.journal-entry-info{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px;padding:25px}.journal-entry-info h2{margin-bottom:15px;margin-top:0;width:100%}.journal-entry-info p{color:#333;font-size:1rem;margin:0 0 10px}.view-journal-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 15px;transition:background-color .2s}.view-journal-button:hover{background-color:#218838}.print-button{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:background-color .2s,border-color .2s}.print-button:hover{background-color:#e0e0e0;border-color:#bbb}.print-button:before{content:"🖨️";font-size:1.1em}.loading{font-size:18px;padding:50px}.error-message{border-radius:5px;margin-bottom:20px;padding:15px}@media (max-width:768px){.daily-closure-details-page{padding:15px}.page-header{flex-direction:column;gap:15px;text-align:center}.info-grid,.stats-grid{grid-template-columns:1fr}.items-table{font-size:14px}.items-table td,.items-table th{padding:8px}}:root{--od-primary:#2563eb;--od-primary-hover:#1d4ed8;--od-danger:#dc2626;--od-danger-hover:#b91c1c;--od-success:#16a34a;--od-warning:#d97706;--od-bg-gray:#f9fafb;--od-border:#e5e7eb;--od-text-main:#111827;--od-text-secondary:#6b7280}.od-container{color:#111827;color:var(--od-text-main);direction:rtl;font-family:system-ui,-apple-system,sans-serif;margin:0 auto;max-width:1200px;padding:24px}.od-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.od-title-group h1{font-size:24px;font-weight:700;margin:0}.od-subtitle{color:#6b7280;color:var(--od-text-secondary);font-size:14px;margin-top:4px}.od-actions{display:flex;gap:12px}.od-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.od-btn-secondary{background:#fff;border-color:#e5e7eb;border-color:var(--od-border);color:#111827;color:var(--od-text-main)}.od-btn-secondary:hover{background:#f9fafb;background:var(--od-bg-gray)}.od-btn-primary{background:#2563eb;background:var(--od-primary);color:#fff}.od-btn-primary:hover{background:#1d4ed8;background:var(--od-primary-hover)}.od-btn-danger{background:#fee2e2;border-color:#fecaca;color:#dc2626;color:var(--od-danger)}.od-btn-danger:hover{background:#fecaca}.od-btn-whatsapp{background:#25d366;border-color:#25d366;color:#fff}.od-btn-whatsapp:hover{background:#128c7e;border-color:#128c7e}.od-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media (max-width:900px){.od-grid{grid-template-columns:1fr}}.od-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--od-border);border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:20px}.od-card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--od-border);justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.od-card-header,.od-card-title{align-items:center;display:flex}.od-card-title{font-size:16px;font-weight:600;gap:8px;margin:0}.od-info-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.od-info-label{color:#6b7280;color:var(--od-text-secondary)}.od-info-value{font-weight:500}.od-badge{border-radius:99px;font-size:12px;font-weight:600;padding:4px 10px}.od-badge-new{background:#fef3c7;color:#d97706}.od-badge-processing{background:#dbeafe;color:#2563eb}.od-badge-ready{background:#dcfce7;color:#16a34a}.od-badge-cancelled{background:#fee2e2;color:#dc2626}.od-table-wrapper{overflow-x:auto}.od-table{border-collapse:collapse;font-size:14px;width:100%}.od-table th{background:#f9fafb;background:var(--od-bg-gray);color:#6b7280;color:var(--od-text-secondary);font-weight:600;padding:12px;text-align:right}.od-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--od-border);padding:12px;vertical-align:top}.od-item-thumb{background:#f3f4f6;border-radius:4px;height:48px;object-fit:cover;width:48px}.od-input-group{margin-bottom:12px}.od-label{color:#6b7280;color:var(--od-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.od-input,.od-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--od-border);border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.od-input:focus,.od-select:focus{border-color:#2563eb;border-color:var(--od-primary);box-shadow:0 0 0 2px #2563eb1a;outline:none}.od-print-only{display:none}@media print{@page{size:A4;margin:15mm}body *{visibility:hidden}.od-print-only,.od-print-only *{visibility:visible}.od-print-only{display:block!important;left:0;position:absolute;top:0;width:100%}.od-no-print{display:none!important}.print-header{border-bottom:2px solid #000;margin-bottom:20px;padding-bottom:10px;text-align:center}.print-header h1{font-size:22px;margin:5px 0}.print-meta{color:#555;display:flex;font-size:12px;gap:15px;justify-content:center}.print-logo{height:auto;margin-bottom:5px;width:100px}.print-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.print-box{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:12px}.print-box h3{border-bottom:1px solid #eee;font-size:14px;margin-bottom:8px;margin-top:0;padding-bottom:5px}.info-line{margin-bottom:4px}.print-table{border-collapse:collapse;font-size:12px;margin-bottom:20px;width:100%}.print-table th{background:#f3f4f6!important;border:1px solid #ccc;font-weight:700;padding:8px;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center}.print-table tr{break-inside:avoid;page-break-inside:avoid}.print-table td{border:1px solid #ccc;padding:8px;text-align:center;vertical-align:middle}.print-table tfoot td{border:none;padding:8px}}.status-section{margin-bottom:2rem}.status-card{align-items:center;background:var(--card-bg);border:2px solid;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.status-card.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.status-card.inactive{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444}.status-icon{animation:pulse 2s infinite;font-size:2rem}.status-content h3{color:var(--text);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.status-content p{color:var(--muted);font-size:.9rem;margin:.25rem 0}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.card-header{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);border-bottom:1px solid var(--border);padding:1.5rem}.card-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.card-description{color:#ffffffe6;font-size:.9rem;margin:0}.settings-form{padding:1.5rem}input[type=time]{font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;letter-spacing:.5px}input[type=time]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23666" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');cursor:pointer}.time-format-hint{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:3px solid #2196f3;border-radius:6px;color:#1565c0;display:inline-block;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem}.theme-dark .time-format-hint{background:linear-gradient(135deg,#1a237e,#283593);border-left-color:#64b5f6;color:#90caf9}.form-group{gap:.5rem}.form-label{align-items:center;color:var(--text);display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.form-input{background:var(--card-bg);background:var(--input-bg,var(--card-bg));border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:invalid{border-color:#ef4444}.form-hint{color:var(--muted)}.alert{gap:.75rem;margin-bottom:1.5rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-icon{font-size:1.25rem}.form-actions{border-top:1px solid var(--border)}.btn{font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:var(--card-bg);border:2px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary)}.loading-container{gap:1rem;min-height:400px}.loading-spinner{border-top:4px solid var(--border);border:4px solid var(--border);border-top-color:var(--primary)}@media (max-width:768px){.form-grid{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}.status-card{flex-direction:column;text-align:center}}.theme-dark .status-card.active{background:linear-gradient(135deg,#064e3b,#065f46)}.theme-dark .status-card.inactive{background:linear-gradient(135deg,#7f1d1d,#991b1b)}.theme-dark .alert-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.theme-dark .alert-success{background:#064e3b;border-color:#065f46;color:#a7f3d0}.accounts-page-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 320px;height:calc(100vh - 80px);padding:1rem}.accounts-main-content,.accounts-sidebar{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow-y:auto;padding:1rem}.accounts-sidebar{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 100px);position:-webkit-sticky;position:sticky;top:16px}.sidebar-section{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-title{color:var(--text-heading);font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.filter-controls-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.filter-controls-grid .custom-input,.filter-controls-grid .custom-select{width:100%}.filter-controls-grid label{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.button-group{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.tree-node{-webkit-margin-start:1.25rem;-webkit-padding-start:.75rem;border-left:1px dashed var(--border-light);margin-inline-start:1.25rem;padding-inline-start:.75rem}.node-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.3rem .5rem;transition:background-color .2s}.node-row:hover{background-color:var(--hover-bg)}.node-row.selected{background-color:var(--primary);color:#fff}.node-row.selected .node-code,.node-row.selected .node-toggle-btn,.node-row.selected .node-type{color:#fffc}.node-row.selected .node-balance-badge{background-color:#fff3;border-color:#ffffff80;color:#fff}.node-toggle-btn{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-family:monospace;font-size:1.2rem;height:24px;justify-content:center;width:24px}.node-name{font-weight:500}.node-name.is-group{font-weight:700}.node-code{font-family:monospace;font-weight:600}.node-code,.node-type{color:var(--text-muted)}.node-type{font-size:.8rem}.node-balance-badge{-webkit-margin-start:auto;border:1px solid;border-radius:12px;font-size:.8rem;font-weight:600;margin-inline-start:auto;padding:3px 10px}.node-balance-badge.debit{background-color:var(--info-light);border-color:var(--info);color:var(--info-dark)}.node-balance-badge.credit{background-color:var(--success-light);border-color:var(--success);color:var(--success-dark)}.node-balance-badge.zero{background-color:var(--muted-light);border-color:var(--border);color:var(--text-muted)}.node-balance-badge.low-balance{background-color:var(--warning-light);border-color:var(--warning);color:var(--warning-dark)}.node-status-badge{border:1px solid;border-radius:10px;font-size:.7rem;font-weight:600;padding:2px 8px}.node-status-badge.inactive{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.node-actions{display:flex;gap:.5rem;opacity:0;transition:visibility 0s,opacity .2s linear;visibility:hidden}.node-row:hover .node-actions{opacity:1;visibility:visible}.node-row[draggable=true]{cursor:move}.tree-node.drag-over-target{background-color:var(--primary-light);border-radius:6px}.node-action-btn{background:#0000;border:none;color:var(--text-muted);cursor:pointer;padding:2px}.node-action-btn:hover{color:var(--primary)}.sidebar-form .form-group{margin-bottom:1rem}.sidebar-form label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.sidebar-form .custom-input,.sidebar-form .custom-select,.sidebar-form .custom-textarea{width:100%}.sidebar-form .checkbox-label{align-items:center;display:flex;flex-direction:row;font-weight:400;gap:.5rem}.modal-overlay{background-color:#0009}.modal-content{box-shadow:0 20px 40px #00000026;max-width:90vw}.journal-modal{max-width:1000px;width:100%}.modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.modal-header h2{color:#1f2937;font-weight:600}.modal-close{background:none;border-radius:4px;color:#6b7280;font-size:1.5rem;padding:.25rem;transition:all .2s}.modal-close:hover{background:#e5e7eb;color:#374151}.journal-form{flex:1 1;overflow-y:auto;padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.section-header{margin-bottom:1rem}.form-group input.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.journal-lines{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.lines-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;display:grid;font-size:.9rem;font-weight:600}.journal-line,.lines-header{grid-gap:1rem;gap:1rem;grid-template-columns:2fr 1fr 1fr 2fr 80px;padding:1rem}.journal-line{align-items:start;border-bottom:1px solid #f3f4f6}.journal-line:last-child{border-bottom:none}.journal-line:nth-child(2n){background:#fafbfc}.line-field{display:flex;flex-direction:column}.line-field input,.line-field select{border:1px solid #d1d5db;border-radius:4px;font-size:.85rem;padding:.5rem}.line-field input:focus,.line-field select:focus{border-color:#3b82f6;outline:none}.line-field input.error,.line-field select.error{border-color:#ef4444}.amount-type{align-items:center;border-radius:4px;display:flex;font-size:.8rem;font-weight:500;justify-content:center;min-height:24px;padding:.25rem .5rem;text-align:center}.amount-type.debit{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.amount-type.credit{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.amount-type.neutral{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}.btn-add-line{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.btn-add-line:hover{background:#2563eb}.btn-remove-line{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s}.btn-remove-line:hover{background:#dc2626}.journal-summary{grid-gap:1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}.summary-item{align-items:center;justify-content:space-between;padding:.5rem 0}.summary-item span:first-child{color:#6b7280;font-weight:500}.summary-item .amount{font-family:Courier New,monospace;font-weight:600}.summary-item .amount.debit{color:#dc2626}.summary-item .amount.balanced,.summary-item .amount.credit{color:#16a34a}.summary-item .amount.unbalanced{color:#dc2626}.summary-item .status.balanced{color:#16a34a;font-weight:600}.summary-item .status.unbalanced{color:#dc2626;font-weight:600}.modal-actions{background:#f8fafc;border-top:1px solid #e5e7eb;gap:1rem;padding:1.5rem 2rem}.btn-cancel{background:#6b7280;color:#fff;font-size:.9rem;padding:.75rem 1.5rem}.btn-cancel:hover{background:#4b5563}.btn-submit{background:#16a34a;border-radius:6px;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.btn-submit:hover:not(:disabled){background:#15803d}.btn-submit:disabled{background:#9ca3af}.error-message{color:#dc2626;display:block;font-size:.8rem;margin-top:.25rem}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{border-radius:0;max-height:100vh;max-width:100vw}.journal-form,.modal-header{padding:1rem}.form-grid{grid-template-columns:1fr}.journal-line,.lines-header{gap:.5rem;grid-template-columns:1fr}.lines-header{display:none}.journal-line{border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.5rem;padding:1rem}.line-field:before{color:#374151;content:attr(data-label);display:block;font-size:.8rem;font-weight:600;margin-bottom:.25rem}.journal-summary{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.transactions-page{background:#f8fafc;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:1.5rem}.transactions-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.transactions-header h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.header-actions{gap:.75rem}.filter-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.filter-section h3{color:#374151;font-size:1.125rem;margin:0 0 1rem}.filter-controls{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-controls input,.filter-controls select{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.625rem .875rem;transition:all .2s;width:100%}.filter-controls input:focus,.filter-controls select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.transactions-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;overflow-x:auto}.transactions-table{min-width:1200px}.transactions-table thead{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb}.transactions-table th{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:.875rem;letter-spacing:.05em;padding:1.25rem 1rem;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}.transactions-table th:first-child{border-top-right-radius:12px}.transactions-table th:last-child{border-top-left-radius:12px}.transactions-table td{border-bottom:1px solid #f1f5f9;padding:1.25rem 1rem;transition:background-color .2s ease;vertical-align:middle}.transactions-table tr:hover{background:linear-gradient(90deg,#f8fafc,#f1f5f9)}.transactions-table tr:last-child td{border-bottom:none}.entry-lines{display:flex;flex-direction:column;gap:.5rem}.entry-line{grid-gap:.75rem;display:grid;font-size:.8125rem;gap:.75rem;grid-template-columns:2fr 1fr 1fr}.entry-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{flex-wrap:wrap}.btn{border:1px solid;border-radius:.375rem;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.btn-primary{background:#3b82f6;border-color:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-danger{background:#fee2e2;border-color:#ef4444;color:#991b1b}.btn-danger:hover:not(:disabled){background:#fecaca}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);inset:0;padding:1rem}.modal-content{animation:slideIn .3s ease-out;border-radius:.75rem;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;max-height:95vh;max-width:1200px;overflow-x:hidden}.modal-header{border-bottom:2px solid #e5e7eb;border-radius:.75rem .75rem 0 0;flex-shrink:0;padding:1.25rem 1.5rem}.modal-header h3{font-size:1.375rem;font-weight:700;text-shadow:0 2px 4px #0003}.modal-header div[style*=color] span{color:#fffffff2!important;font-weight:500;text-shadow:0 1px 2px #00000026}.modal-body{box-sizing:border-box;max-height:calc(95vh - 180px);overflow-x:hidden;padding:1.25rem 1.75rem;position:relative;width:100%}.modal-body:after{background:linear-gradient(180deg,#0000,#fffffff2);bottom:0;content:"";height:40px;left:0;opacity:0;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;transition:opacity .3s}.modal-body:not(:hover):after{opacity:0}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}.modal-footer{border-top:2px solid #e5e7eb;flex-shrink:0;gap:.75rem;padding:1rem 1.5rem}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{gap:.375rem}.form-group label{color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.625rem;transition:all .2s}.form-group textarea{font-family:inherit;line-height:1.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fefefe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.template-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.template-header{flex-wrap:wrap;gap:1rem}.template-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.journal-lines-section{background:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:hidden;padding:1.25rem;width:100%}.journal-lines-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.journal-lines-header h4{align-items:center;color:#1f2937;display:flex;font-size:1.0625rem;font-weight:600;gap:.5rem;margin:0}.journal-lines-header h4:before{content:"📋";font-size:1.25rem}.journal-line{grid-gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr auto;margin-bottom:.875rem;padding:.875rem;transition:all .2s}.journal-line>select{grid-column:1/-1}.journal-line>input:first-of-type,.journal-line>input:nth-of-type(2){grid-column:span 1}.journal-line>input:nth-of-type(3){grid-column:span 3}.journal-line>button{font-size:.8125rem;grid-column:auto;padding:.5rem .625rem;white-space:nowrap;width:70px}.journal-line:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.journal-line input,.journal-line select{border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box;font-size:.875rem;padding:.625rem;transition:all .2s;width:100%}.journal-line select{min-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-line select option{overflow:visible;text-overflow:clip;white-space:normal}.journal-line input:focus,.journal-line select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.journal-line button{background:#fee2e2;border:1px solid #ef4444;border-radius:.375rem;color:#991b1b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem .875rem;transition:all .2s;white-space:nowrap}.journal-line button:hover:not(:disabled){background:#fecaca;box-shadow:0 2px 4px #ef444433;transform:translateY(-1px)}.journal-line button:disabled{cursor:not-allowed;opacity:.5}.balance-indicator{border-radius:.5rem;margin-top:1rem;padding:1rem}.balance-indicator.balanced{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.balance-indicator.unbalanced{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.balance-indicator strong{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:.5rem}.balance-details{font-size:.875rem;opacity:.9}.empty-state{color:#6b7280;padding:3rem 1rem}.search-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-bottom:.5rem;padding:.625rem;width:100%}.search-hint{color:#6b7280;font-size:.75rem;margin-bottom:1rem}.checkbox-label{color:#374151;font-size:.875rem;gap:.5rem}.checkbox-label input[type=checkbox]{height:1rem;width:1rem}.transactions-table tbody td:first-child{background:#f0f9ff;border-left:3px solid #3b82f6}.transactions-table tbody td:nth-last-child(2),.transactions-table tbody td:nth-last-child(3){background:#f9fafb;font-family:Courier New,monospace}.transactions-table tbody td:nth-child(4){font-size:.8125rem}.transactions-table tbody td:nth-last-child(3){color:#059669;font-weight:600}.transactions-table tbody td:nth-last-child(2){color:#dc2626;font-weight:600}@media (min-width:1440px){.modal-content{max-width:1400px}}@media (max-width:1024px){.transactions-table{font-size:.8125rem;min-width:1000px}.transactions-table td,.transactions-table th{padding:.75rem .625rem}.modal-content{max-width:95%}}@media (max-width:768px){.transactions-page{padding:1rem}.transactions-header{align-items:flex-start;flex-direction:column;gap:1rem}.filter-controls,.journal-line{grid-template-columns:1fr}.modal-content{max-width:100%}.template-fields{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.transactions-table-wrapper{border-radius:.375rem}.transactions-table{font-size:.75rem;min-width:900px}.entry-line{font-size:.75rem}}.journal-line-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.journal-line-row:hover{background-color:#f8fafc}.entry-id-cell{border-right:2px solid #e2e8f0;text-align:center;vertical-align:middle}.entry-id-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:6px;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;padding:.375rem .75rem}.entry-date-cell{color:#64748b;font-size:.875rem;font-weight:500;text-align:center;vertical-align:middle}.account-name-cell{padding-right:1rem;vertical-align:middle}.account-name{color:#1e293b;font-size:.9rem;font-weight:600}.description-cell{vertical-align:middle}.entry-memo{background:#f8fafc;border-radius:4px;border-right:3px solid #3b82f6;color:#374151;font-size:.875rem;font-weight:500;padding:.5rem}.line-description{color:#6b7280;font-size:.8rem;font-style:italic}.credit-cell,.debit-cell{text-align:center;vertical-align:middle}.amount-debit{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626}.amount-credit,.amount-debit{display:inline-block;font-size:.9rem;font-weight:600;min-width:80px;padding:.375rem .75rem}.amount-credit{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#059669}.journal-total-row{background:linear-gradient(90deg,#f1f5f9,#e2e8f0);border-bottom:3px solid #94a3b8;border-top:2px solid #cbd5e1;font-weight:600}.journal-total-row td{padding:.75rem 1rem}.total-label{color:#374151;font-size:.9rem}.total-debit{background:#fef2f2;color:#dc2626}.total-credit,.total-debit{border-radius:4px;font-size:1rem;text-align:center}.total-credit{background:#f0fdf4;color:#059669}.balance-indicator{text-align:center}.balanced{color:#059669}.balanced,.unbalanced{font-size:.875rem;font-weight:700}.unbalanced{color:#dc2626}.journal-line-row:first-of-type{border-top:3px solid #3b82f6}.journal-total-row+.journal-line-row{border-top:3px solid #3b82f6;margin-top:1rem}.actions-cell{background-color:#f8fafc;border-left:3px solid #e2e8f0;padding:12px 8px;text-align:center;vertical-align:middle}.action-buttons{align-items:center;flex-direction:column;gap:6px}.action-buttons .btn{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;min-width:70px;padding:6px 12px;transition:all .2s ease}.action-buttons .btn-primary{background-color:#3b82f6;color:#fff}.action-buttons .btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.action-buttons .btn-info{background-color:#06b6d4;color:#fff}.action-buttons .btn-info:hover{background-color:#0891b2;box-shadow:0 4px 8px #06b6d44d;transform:translateY(-1px)}.action-buttons .btn-danger{background-color:#dc2626;color:#fff}.action-buttons .btn-danger:hover{background-color:#b91c1c;box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}.journal-line-row:hover .amount-debit{background:#fee2e2;border-color:#fca5a5;transform:scale(1.02)}.journal-line-row:hover .amount-credit{background:#ecfdf5;border-color:#86efac;transform:scale(1.02)}.journal-line-row:hover .entry-id-badge{background:linear-gradient(135deg,#2563eb,#1e40af);transform:scale(1.05)}@media (max-width:768px){.transactions-table{font-size:.8rem}.entry-id-badge{font-size:.75rem;padding:.25rem .5rem}.amount-credit,.amount-debit{font-size:.8rem;min-width:60px;padding:.25rem .5rem}.entry-memo{font-size:.8rem;padding:.375rem}}@media print{.journal-line-row{break-inside:avoid;page-break-inside:avoid}.journal-total-row{break-after:always;page-break-after:always}.action-buttons{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.journal-line-row{animation:fadeInUp .3s ease-out}.journal-total-row{animation:fadeInUp .4s ease-out}.journal-templates-page{background:linear-gradient(135deg,#f8f9fa,#fff);direction:rtl;margin:0 auto;max-width:1400px;padding:2rem}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea33}.page-title{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.header-actions{gap:.5rem}.alert{margin-bottom:1rem;padding:1rem}.alert-danger{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.templates-section{margin-bottom:3rem}.section-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin-bottom:1.5rem;padding:1rem}.section-header h2{font-size:1.5rem}.templates-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;overflow:hidden;padding:2rem;transition:all .3s ease}.template-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.template-card:hover{box-shadow:0 8px 30px #667eea26}.template-header{align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.template-header h4{color:#2c3e50;font-size:1.2rem;margin:0}.template-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge-auto{background:#e3f2fd;color:#1976d2}.badge-inactive{background:#ffebee;color:#c62828}.template-description{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.template-summary{background:#f8f9fa;border-radius:6px;display:flex;gap:2rem;margin-bottom:1rem;padding:.75rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-item span{color:#666;font-size:.8rem}.summary-item strong{color:#2c3e50;font-size:1rem}.template-actions{flex-wrap:wrap;gap:.5rem}.btn{border-radius:10px;overflow:hidden;position:relative}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.btn:disabled{opacity:.5}.btn-primary{box-shadow:0 4px 15px #667eea4d}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 15px #6c757d4d}.btn-success{box-shadow:0 4px 15px #28a7454d}.btn-warning{background:linear-gradient(135deg,#ffc107,#fd7e14);box-shadow:0 4px 15px #ffc1074d}.btn-danger{background:linear-gradient(135deg,#dc3545,#e91e63);box-shadow:0 4px 15px #dc35454d}.btn-info{background:linear-gradient(135deg,#17a2b8,#6f42c1);box-shadow:0 4px 15px #17a2b84d}.btn-sm{font-size:.9rem;min-height:40px;min-width:40px;padding:.5rem 1rem}.btn-sm.btn-danger{align-items:center;border-radius:50%;display:flex;font-size:1.1rem;height:40px;justify-content:center;overflow:hidden;padding:0;position:relative;width:40px}.btn-sm.btn-danger:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-sm.btn-danger:hover:before{left:100%}.btn-sm.btn-danger:hover{transform:scale(1.1) rotate(90deg)}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{animation:slideUp .3s ease;border-radius:20px;box-shadow:0 25px 80px #00000040;max-height:95vh;max-width:1000px;overflow:hidden;position:relative;width:95%}.modal-execute{max-width:600px}.modal-header{border-radius:12px 12px 0 0;padding:2rem;position:relative}.modal-header:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.modal-header h3{color:#fff;font-size:1.5rem;font-weight:600;text-shadow:0 2px 4px #0000001a}.close-btn{background:#fff3;color:#fff}.close-btn:hover{background:#ffffff4d}.modal-body{max-height:calc(95vh - 140px)}.modal-body,.modal-footer{background:linear-gradient(135deg,#f8f9fa,#fff);padding:2rem}.modal-footer{border-top:2px solid #e8ecf4;gap:1rem;justify-content:center;position:relative}.modal-footer:before{background:linear-gradient(90deg,#0000,#667eea4d,#0000);content:"";height:1px;left:20%;position:absolute;right:20%;top:0}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border-radius:12px;font-size:.95rem;padding:1rem;position:relative;transition:all .3s ease}.entry-row select{background:linear-gradient(135deg,#f0f4ff,#e8f2ff);border:2px solid #b3d9ff;border-radius:10px;color:#1565c0;font-size:.95rem;font-weight:600;padding:1rem 1.2rem;position:relative}.entry-row select:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 4px #1976d226;transform:translateY(-1px)}.entry-row select option{background:#fff;color:#333;padding:.5rem}.entry-row input[type=text]{background:linear-gradient(135deg,#fff8f0,#fff4e8);border:2px solid #ffcc80;border-radius:10px;color:#e65100;font-size:.95rem;font-weight:500;padding:1rem 1.2rem}.entry-row input[type=text]:focus{background:#fff;border-color:#ff9800;box-shadow:0 0 0 4px #ff980026;transform:translateY(-1px)}.entry-row input[type=text]::placeholder{color:#ff9800;font-style:italic;opacity:.7}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#999;font-style:italic}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-group{align-items:center;display:flex;gap:.5rem}.checkbox-group label{gap:.5rem;margin:0}.checkbox-group input[type=checkbox]{width:auto}.entries-section{background:#fff;border:2px solid #e8ecf4;border-radius:16px;box-shadow:0 8px 25px #667eea14;margin-top:2rem;padding:2rem;position:relative}.entries-section:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.entries-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.entries-header h4{color:#2c3e50;margin:0}.entries-list{display:flex;flex-direction:column;gap:1rem}.entry-row:after{background:linear-gradient(90deg,#0000,#667eea1a,#0000);bottom:0;content:"";height:1px;left:10%;position:absolute;right:10%}.entry-row{grid-gap:1.2rem;align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8ecf4;border-radius:12px;gap:1.2rem;grid-template-columns:50px 3fr 2fr 260px 60px;padding:1.5rem;position:relative;transition:all .3s ease}.entry-row:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.entry-row:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.entry-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:.9rem;height:35px;text-align:center;width:35px}.entries-totals,.entry-number{display:flex;font-weight:700;justify-content:center}.entries-totals{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e8ecf4;border-radius:12px;box-shadow:0 4px 15px #0000000d;gap:3rem;margin-top:2rem;padding:1.5rem}.entries-totals .balanced{color:#4caf50}.entries-totals .unbalanced{color:#f44336}.execute-entries{margin:1.5rem 0}.execute-entries h4{color:#2c3e50;margin-bottom:1rem}.execute-entry{border-radius:6px;grid-template-columns:80px 1fr 150px;margin-bottom:.75rem;padding:.75rem}.entry-type{border-radius:6px;font-size:.85rem;font-weight:600;padding:.4rem .8rem;text-align:center}.entry-type.debit{background:#e3f2fd;color:#1976d2}.entry-type.credit{background:#fce4ec;color:#c2185b}.entry-account{color:#2c3e50;font-weight:500}.totals-summary{border-radius:8px;display:flex;font-weight:600;justify-content:space-around;margin-top:1rem;padding:1rem}.totals-summary.balanced{background:#e8f5e9;border:2px solid #4caf50;color:#2e7d32}.totals-summary.unbalanced{background:#ffebee;border:2px solid #f44336;color:#c62828}.loading{color:#667eea;padding:4rem;position:relative}.loading:before{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#667eea;content:"";height:40px;margin-bottom:1rem;width:40px}.loading:before,.success-checkmark{border-radius:50%;display:inline-block}.success-checkmark{background:#28a745;height:20px;margin-left:.5rem;position:relative;width:20px}.success-checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.amount-inputs-container{grid-gap:.75rem;align-items:flex-end;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.amount-input-group{align-items:center;display:flex;flex-direction:column;position:relative}.amount-label{border-radius:6px;color:#fff;font-size:.85rem;font-weight:700;margin-bottom:.5rem;padding:.25rem .5rem;text-align:center;text-shadow:0 1px 2px #0003}.amount-label.debit-label{background:linear-gradient(135deg,#2196f3,#1976d2)}.amount-label.credit-label{background:linear-gradient(135deg,#e91e63,#c2185b)}.amount-input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-weight:600;min-width:110px;padding:.75rem;position:relative;text-align:center;transition:all .3s ease}.amount-input:focus{outline:none;transform:translateY(-1px)}.debit-input{background:linear-gradient(135deg,#f3f8ff,#e3f2fd);border-color:#2196f3;color:#1976d2}.debit-input:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 4px #1976d233}.credit-input{background:linear-gradient(135deg,#fff3f8,#fce4ec);border-color:#e91e63;color:#c2185b}.credit-input:focus{background:#fff;border-color:#c2185b;box-shadow:0 0 0 4px #c2185b33}.entry-row{grid-gap:.75rem;align-items:stretch;background:#fff;border:1px solid #e00e0e;border-radius:6px;display:grid;gap:.75rem;grid-template-columns:40px 1fr 50px;padding:.75rem}.entry-fields-grid{grid-row-gap:.75rem;display:grid;grid-template-rows:auto auto;row-gap:.75rem}.entry-top-row{grid-column-gap:.75rem;align-items:center;column-gap:.75rem;display:grid;grid-template-columns:1fr 1fr}.entry-fields-grid .amount-inputs-container{justify-content:flex-start}.execute-entry{grid-gap:1rem;align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 200px;margin-bottom:1rem;padding:1rem}.entry-info{display:flex;flex-direction:column;gap:.25rem}.entry-info strong{color:#2c3e50;font-size:1rem}.entry-info small{color:#666;font-size:.85rem}.execute-amount-inputs{align-items:flex-end;display:flex;gap:.75rem}.execute-amount-input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-weight:600;min-width:100px;padding:.75rem;text-align:center;transition:all .3s ease}.execute-amount-input.debit-input{background:linear-gradient(135deg,#f3f8ff,#e3f2fd);border-color:#2196f3;color:#1976d2}.execute-amount-input.debit-input:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 4px #1976d233}.execute-amount-input.credit-input{background:linear-gradient(135deg,#fff3f8,#fce4ec);border-color:#e91e63;color:#c2185b}.execute-amount-input.credit-input:focus{background:#fff;border-color:#c2185b;box-shadow:0 0 0 4px #c2185b33}.salem-principle-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;margin-right:.75rem;overflow:hidden;padding:.4rem 1rem;position:relative;text-shadow:0 1px 2px #0003}.salem-principle-badge:before{content:"⚡";font-size:.9rem;margin-left:.5rem}.salem-principle-badge:after{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}50%{left:-100%}to{left:100%}}.balance-indicator{align-items:center;display:flex;font-weight:600;gap:.5rem}.balance-indicator.balanced:before{color:#4caf50;content:"✓";font-size:1.2rem}.balance-indicator.unbalanced:before{color:#f44336;content:"✗";font-size:1.2rem}.amount-validation-message{color:#666;font-size:.8rem;font-style:italic;margin-top:.5rem;text-align:center}.btn-salem{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-salem:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.journal-templates-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;text-align:center}.entry-row,.templates-grid{grid-template-columns:1fr}.entry-row{gap:.75rem;padding:1rem;text-align:center}.entry-number{margin:0 auto .5rem}.entry-top-row{grid-template-columns:1fr}.amount-inputs-container{gap:1rem;justify-content:center}.modal{margin:1%;width:98%}.modal-body{padding:1rem}}.boundary-map-editor{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:20px;padding:24px}.map-controls{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);display:flex;flex-direction:column;gap:16px;padding-bottom:16px}.control-group h3,.control-group h4{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.control-group h4{font-size:1rem}.control-buttons{display:flex;flex-wrap:wrap;gap:8px}.map-container{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.google-map{height:500px;position:relative;width:100%}.map-loading{align-items:center;background:#f8f9fa;background:var(--bg-light,#f8f9fa);bottom:0;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0}.map-editor-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:20px;text-align:center}.map-editor-error h3{font-size:1.2rem;margin:0 0 12px}.map-editor-error p{line-height:1.4;margin:8px 0}.points-info{background:#f8f9fa;background:var(--bg-light,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:8px;padding:16px}.info-stats{display:flex;flex-wrap:wrap;gap:20px}.stat-item{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:.9rem;gap:4px}.stat-item strong{color:#6c757d;color:var(--text-secondary,#6c757d);font-weight:500}.edit-instructions{background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;padding:16px}.edit-instructions h4{color:#0c5460;margin:0 0 12px}.edit-instructions ul{line-height:1.6;margin:0;padding-right:20px}.edit-instructions li{margin-bottom:4px}.points-list{margin-top:20px}.points-list h4{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 12px}.points-table{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;overflow-x:auto}.points-table table{background:#fff;background:var(--card-bg,#fff);border-collapse:collapse;width:100%}.points-table td,.points-table th{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);font-size:.9rem;padding:12px;text-align:right}.points-table th{background:#f8f9fa;background:var(--bg-light,#f8f9fa);border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-color,#ddd);color:#6c757d;color:var(--text-secondary,#6c757d);font-weight:600}.points-table tr:hover{background:#f8f9fa;background:var(--hover-bg,#f8f9fa)}.points-table tr.selected{background:#3498db1a;border-right:3px solid #3498db;border-right:3px solid var(--primary-color,#3498db)}.points-table tr:last-child td{border-bottom:none}.btn{font-size:.85rem;gap:4px;min-height:36px;padding:8px 12px;white-space:nowrap}.btn-warning{background:var(--warning-color,#ffc107)}.btn-warning:hover:not(:disabled){background:var(--warning-hover,#e0a800);transform:translateY(-1px)}.btn-danger{background:var(--danger-color,#dc3545)}.btn-danger:hover:not(:disabled){background:var(--danger-hover,#c82333);transform:translateY(-1px)}.btn-sm{font-size:.8rem;min-height:28px;padding:4px 8px}.file-input-label{cursor:pointer}.file-input-label:hover{transform:translateY(-1px)}.loading-spinner{border:3px solid #f0f0f0;border-top:3px solid #3498db;border:3px solid var(--border-light,#f0f0f0);border-top-color:var(--primary-color,#3498db);height:24px;width:24px}.theme-dark .boundary-map-editor{--card-bg:#2c3e50;--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--border-color:#34495e;--border-light:#34495e;--bg-light:#34495e;--hover-bg:#34495e;--primary-color:#3498db;--primary-hover:#2980b9;--secondary-color:#95a5a6;--secondary-hover:#7f8c8d;--success-color:#27ae60;--success-hover:#229954;--info-color:#17a2b8;--info-hover:#138496;--warning-color:#f39c12;--warning-hover:#e67e22;--danger-color:#e74c3c;--danger-hover:#c0392b}@media (max-width:1024px){.boundary-map-editor{padding:16px}.control-buttons{justify-content:flex-start}.info-stats{flex-direction:column;gap:8px}.google-map{height:400px}}@media (max-width:768px){.boundary-map-editor{gap:16px;padding:12px}.control-buttons{align-items:stretch;flex-direction:column}.btn{justify-content:center;min-height:44px}.google-map{height:350px}.points-table{font-size:.8rem}.points-table td,.points-table th{padding:8px 6px}.control-group h3{font-size:1rem}.control-group h4{font-size:.9rem}}@media (max-width:480px){.boundary-map-editor{gap:12px;padding:8px}.google-map{height:300px}.points-table td,.points-table th{font-size:.75rem;padding:6px 4px}.btn{font-size:.8rem;padding:10px 12px}.btn-sm{font-size:.7rem;padding:6px 8px}.edit-instructions{padding:12px}.edit-instructions ul{padding-right:16px}}@media print{.boundary-map-editor{border:1px solid #000;box-shadow:none}.control-buttons,.edit-instructions{display:none}.google-map{height:400px}.google-map,.points-table,.points-table td,.points-table th{border:1px solid #000}}.delivery-settings-content{margin:0 auto;max-width:1200px;padding:0 20px}.settings-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.settings-section h2{border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--border-light,#f0f0f0);margin-bottom:1.5rem;padding-bottom:.5rem}.inside-settings{background:linear-gradient(135deg,#f8fff9,#fff);border-left:4px solid #28a745}.inside-settings h2{border-bottom-color:#28a745;color:#155724}.outside-settings{background:linear-gradient(135deg,#f8fbff,#fff);border-left:4px solid #007bff}.outside-settings h2{border-bottom-color:#007bff;color:#004085}.form-grid{margin-top:1rem}.form-group label{color:var(--text-primary,#333)}.form-group input{border:2px solid #e1e5e9;border:2px solid var(--border-color,#e1e5e9);border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 3px #007bff1a}.form-group small{font-size:.875rem;line-height:1.4;margin-top:.5rem}.form-actions{margin-top:2rem;padding-top:1.5rem}.btn{border-radius:8px;font-size:1rem;font-weight:600}.btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff4d}.btn-secondary:hover:not(:disabled){background:#545b62;box-shadow:0 4px 12px #6c757d4d}@media (max-width:768px){.form-grid{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.settings-section{margin-bottom:1.5rem;padding:1rem}}.map-error{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;display:flex;gap:16px;margin:16px 0;padding:20px}.map-error .error-icon{flex-shrink:0;font-size:2rem}.map-error .error-content{flex:1 1}.map-error .error-content h4{color:#856404;font-size:1.1rem;margin:0 0 8px}.map-error .error-content p{color:#856404;font-size:.95rem;margin:0 0 12px}.retry-button{background:#ffc107;border:1px solid #ffb300;border-radius:4px;color:#856404;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.retry-button:hover{background:#ffb300;color:#fff}.settings-form{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.settings-section{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);margin-bottom:32px;padding-bottom:24px}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h2{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin-bottom:16px}.basic-settings-grid{grid-template-columns:1fr}.basic-settings-grid>.form-group:first-child{grid-column:1/-1}@media (min-width:768px){.basic-settings-grid{grid-template-columns:1fr 1fr}}.form-grid{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group input,.form-group label{color:#2c3e50;color:var(--text-primary,#2c3e50)}.form-group input{background:#fff;background:var(--input-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#3498db;border-color:var(--primary-color,#3498db);box-shadow:0 0 0 3px #3498db1a}.form-group small{color:var(--text-secondary,#6c757d);font-size:.8rem;line-height:1.3}.form-actions{align-items:center;border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light,#f0f0f0);justify-content:flex-start;padding-top:20px}.test-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.test-section h2{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin-bottom:16px}.test-form{display:flex;flex-direction:column;gap:16px}.test-actions{display:flex;flex-wrap:wrap;gap:12px}.test-result{background:#f8f9fa;background:var(--bg-light,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:8px;margin-top:16px;padding:16px}.test-result h3{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:1.1rem;margin-bottom:12px}.result-calculation,.result-point{display:flex;flex-direction:column;gap:8px}.result-calculation p,.result-point p{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);margin:0;padding:4px 0}.result-calculation p:last-child,.result-point p:last-child{border-bottom:none}.calculation-details{border-top:1px solid #e9ecef;border-top:1px solid var(--border-light,#e9ecef);margin-top:16px;padding-top:16px}.calculation-details h4{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:1rem;margin-bottom:8px}.calculation-details pre{background:#f8f9fa;background:var(--code-bg,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:4px;color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:.8rem;overflow-x:auto;padding:12px;white-space:pre-wrap}.map-editor-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.map-editor-section h2{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin-bottom:8px}.map-editor-section p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.9rem;line-height:1.4;margin-bottom:20px}.system-info{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.system-info h3{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:center;background:#f8f9fa;background:var(--bg-light,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.info-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.9rem;font-weight:500}.info-value{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:.9rem;font-weight:600}.btn{font-size:.9rem;gap:6px;min-height:40px;padding:10px 16px;transition:all .2s ease}.btn-primary{background:var(--primary-color,#3498db)}.btn-primary:hover:not(:disabled){background:var(--primary-hover,#2980b9)}.btn-secondary{background:var(--secondary-color,#6c757d)}.btn-secondary:hover:not(:disabled){background:var(--secondary-hover,#5a6268)}.btn-info{background:#17a2b8;background:var(--info-color,#17a2b8);color:#fff}.btn-info:hover:not(:disabled){background:#138496;background:var(--info-hover,#138496);transform:translateY(-1px)}.btn-success{background:var(--success-color,#28a745)}.btn-success:hover:not(:disabled){background:var(--success-hover,#218838);transform:translateY(-1px)}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.loading-spinner.small{border-width:1.5px;height:14px;width:14px}.alert{align-items:center;display:flex;font-size:.9rem;gap:12px;line-height:1.4;padding:12px 16px}.alert-icon{flex-shrink:0;font-size:1.1rem}.alert-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;margin-left:auto;opacity:.7;padding:0;width:20px}.alert-close:hover{opacity:1}.theme-dark .delivery-settings-content{--card-bg:#2c3e50;--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--border-color:#34495e;--border-light:#34495e;--bg-light:#34495e;--input-bg:#34495e;--code-bg:#34495e;--primary-color:#3498db;--primary-hover:#2980b9;--secondary-color:#95a5a6;--secondary-hover:#7f8c8d;--info-color:#17a2b8;--info-hover:#138496;--success-color:#27ae60;--success-hover:#229954}@media (max-width:768px){.delivery-settings-content{padding:0 16px}.settings-form,.system-info,.test-section{padding:16px}.form-grid{gap:16px;grid-template-columns:1fr}.form-actions,.test-actions{align-items:stretch;flex-direction:column}.btn{justify-content:center}.info-grid{grid-template-columns:1fr}.info-item{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:480px){.settings-section h2,.system-info h3,.test-section h2{font-size:1.1rem}.form-group input{font-size:16px}}.payment-methods-manager{background-color:#f8f9fa;background-color:var(--bg-color,#f8f9fa);margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.page-header{box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.header-content{align-items:center;display:flex;gap:1rem}.header-content h1{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.back-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:#5a6268;transform:translateY(-1px)}.add-button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.add-button:hover{background:#218838;transform:translateY(-1px)}.loading{font-size:1.2rem;padding:3rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:1rem;padding:1rem}.form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.form-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.form-header h2{color:#2c3e50;font-size:1.4rem;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.close-button:hover{background:#e9ecef;color:#495057}.payment-method-form{padding:1.5rem}.form-grid{grid-template-columns:1fr 1fr}.form-group.checkbox-group{align-items:center;flex-direction:row;grid-column:1/-1;margin-top:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e9ecef;font-size:.9rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.error-text{font-size:.8rem;margin-top:.25rem}.field-hint{font-size:.75rem}.qr-upload-section{display:flex;flex-direction:column;gap:.75rem}.upload-or-divider{color:#6c757d;font-size:.8rem;font-style:italic;position:relative;text-align:center}.upload-or-divider:after,.upload-or-divider:before{background:#e9ecef;content:"";height:1px;position:absolute;top:50%;width:40%}.upload-or-divider:before{left:0}.upload-or-divider:after{right:0}.file-input{display:none}.file-upload-label{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:all .2s ease}.file-upload-label:hover{background:#e9ecef;border-color:#007bff;color:#007bff}.qr-preview{margin-top:.75rem;text-align:center}.qr-preview-image{border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:150px;max-width:150px}.checkbox-label{margin:0}.checkbox-label input[type=checkbox]{margin-left:.5rem;transform:scale(1.2)}.form-actions{gap:1rem;padding-top:1rem}.save-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 2rem;transition:all .2s ease}.save-button:hover{background:#0056b3;transform:translateY(-1px)}.cancel-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 2rem;transition:all .2s ease}.cancel-button:hover{background:#5a6268;transform:translateY(-1px)}.order-cell{background-color:#f8f9fa;color:#495057;font-weight:700;text-align:center;width:60px}.payment-methods-table tr[data-rbd-draggable-context-id]{cursor:move;transition:background-color .2s ease}.payment-methods-table tr[data-rbd-draggable-context-id]:hover{background-color:#f8f9fa}.payment-methods-table tr[data-rbd-draggable-context-id].dragging{background-color:#e3f2fd;box-shadow:0 0 15px #007bff33;transform:scale(1.02)}.order-save-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.table-container{-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-y:hidden}.payment-methods-table{border-collapse:collapse;font-size:.9rem;min-width:1600px;width:100%}.payment-methods-table td,.payment-methods-table th{white-space:nowrap}.payment-methods-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:1rem;text-align:right;white-space:nowrap}.payment-methods-table td{border-bottom:1px solid #e9ecef;overflow:hidden;padding:1rem;text-overflow:ellipsis;vertical-align:middle}.payment-methods-table tr:hover{background:#f8f9fa}.method-name{color:#2c3e50;font-weight:500;max-width:220px}.method-code{background:#f8f9fa;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;max-width:220px;padding:.25rem .5rem}.status-badge{padding:.25rem .75rem;text-align:center}.fee-info{font-size:.8rem}.fee-info div{margin-bottom:.25rem}.no-fees{color:#6c757d;font-size:.8rem;font-style:italic}.iban-cell{font-family:Courier New,monospace;font-size:.8rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-code-cell{padding:.5rem;text-align:center}.qr-code-preview{align-items:center;display:flex;flex-direction:column;gap:.25rem}.qr-code-thumbnail{border:1px solid #e9ecef;border-radius:4px;cursor:pointer;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.qr-code-thumbnail:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.qr-code-error{color:#dc3545;font-size:.7rem;font-style:italic}.no-qr{color:#6c757d;font-size:.8rem;font-style:italic}.action-buttons{display:flex;gap:.5rem;justify-content:center}.delete-button,.edit-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;padding:.5rem;transition:all .2s ease}.edit-button:hover{background:#e3f2fd;transform:scale(1.1)}.delete-button:hover{background:#ffebee;transform:scale(1.1)}.no-data{font-style:italic;padding:2rem}.payment-methods-table tr[data-rbd-draggable-context-id]{transition:box-shadow .15s ease}.payment-methods-table tr[data-rbd-draggable-context-id]:hover{box-shadow:0 2px 8px #0000001a}.payment-methods-table tr[data-rbd-draggable-context-id].dragging{background:#fff;box-shadow:0 8px 16px #007bff26;transform:scale(1.02) translateY(-4px);z-index:1}.order-cell{overflow:hidden;padding-left:32px;position:relative}.order-cell:before{color:#6c757d;content:"☰";left:8px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.payment-methods-table tr:hover .order-cell:before{opacity:1}.order-save-message{animation:slideUp .3s ease;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000001a;color:#155724;font-weight:500;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:1000}.order-save-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1200px){.payment-methods-table{font-size:.8rem}.payment-methods-table td,.payment-methods-table th{padding:.75rem}}@media (max-width:992px){.form-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.header-content{justify-content:center}}@media (max-width:768px){.payment-methods-manager{padding:1rem}.form-overlay{padding:.5rem}.form-container{max-height:95vh}.table-container{overflow-x:auto}.payment-methods-table{min-width:800px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.theme-dark .payment-methods-manager{background-color:#1a1a1a;color:#e9ecef}.theme-dark .form-container,.theme-dark .page-header,.theme-dark .table-container{background:#2d3748;color:#e9ecef}.theme-dark .form-header{background:#4a5568}.theme-dark .payment-methods-table th{background:#4a5568;color:#e9ecef}.theme-dark .payment-methods-table tr:hover{background:#4a5568}.theme-dark .form-group input,.theme-dark .form-group select,.theme-dark .form-group textarea{background:#4a5568;border-color:#718096;color:#e9ecef}.theme-dark .method-code{background:#4a5568;color:#e9ecef}.payment-type-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.accounting-account-cell{font-size:.9rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-code-cell{width:90px}.action-buttons{min-width:90px}.field-hint{color:#6c757d;display:block;font-size:.85rem;font-style:italic;margin-top:.25rem}.theme-dark .field-hint{color:#a0aec0}.theme-dark .payment-type-badge{background:#2c5282;color:#90cdf4}.footer-manager{background:#f8f9fa;min-height:100vh;padding:2rem}.footer-manager-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.footer-manager-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.loading-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:4rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:1rem;width:40px}.message{margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:center}.tabs-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tabs-nav{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#e9ecef;color:#495057}.tab-btn.active{background:#fff;border-bottom-color:#3498db;color:#3498db}.tab-content{padding:2rem}.tab-panel h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-group input,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group textarea{min-height:80px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3498db}.btn-primary:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.btn-success{background:#28a745}.btn-success:hover:not(:disabled){background:#218838}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.add-badge-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.add-badge-section h4{color:#495057;font-size:1.1rem;margin:0 0 1rem}.badges-list h4{color:#495057;font-size:1.1rem;margin:0 0 1.5rem}.badges-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.badge-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .3s ease}.badge-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26}.badge-card.inactive{background:#f8f9fa;opacity:.6}.badge-image{display:flex;justify-content:center;margin-bottom:1rem}.badge-image img{border-radius:4px;max-height:80px;max-width:80px;object-fit:contain}.badge-info{margin-bottom:1rem;text-align:center}.badge-info h5{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .5rem}.badge-info p{color:#6c757d;font-size:14px;margin:0 0 .5rem}.badge-info a{color:#3498db;font-size:12px;text-decoration:none;word-break:break-all}.badge-info a:hover{text-decoration:underline}.badge-actions{gap:.5rem}.badge-actions .btn{font-size:12px;padding:.5rem 1rem}.no-badges{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;padding:2rem;text-align:center}.display-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.display-section h4{border-bottom:2px solid #e9ecef;color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.display-settings{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.social-settings{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.legal-settings{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.setting-item{border:1px solid #e9ecef;border-radius:8px;padding:1rem 1.5rem;transition:all .3s ease}.setting-item:hover{background:#e9ecef;border-color:#3498db;transform:translateY(-1px)}.checkbox-label{font-weight:500;gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#3498db}.checkmark{display:none}.legal-settings .checkbox-label,.social-settings .checkbox-label{font-size:.95rem}.social-settings .setting-item{border-left:3px solid #17a2b8}.legal-settings .setting-item{border-left:3px solid #28a745}@media (max-width:768px){.display-settings{grid-template-columns:1fr}.display-section{padding:1rem}.display-section h4{font-size:1rem}}.checkbox-label:hover input~.checkmark{border-color:#3498db}.checkbox-label input:checked~.checkmark{background-color:#3498db;border-color:#3498db}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;position:absolute;right:6px;top:2px;transform:rotate(45deg);width:6px}.checkbox-label input:checked~.checkmark:after{display:block}@media (max-width:992px){.footer-manager{padding:1rem}.footer-manager-header{flex-direction:column;gap:1rem;text-align:center}.header-actions{justify-content:center;width:100%}.badges-grid,.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.tabs-nav{flex-direction:column}.tab-btn{border-bottom:none;border-right:3px solid #0000;text-align:center}.tab-btn.active{border-bottom:none;border-right-color:#3498db}.tab-content{padding:1.5rem}.badge-actions,.header-actions{flex-direction:column}}@media (max-width:576px){.footer-manager{padding:.5rem}.tab-content{padding:1rem}.form-group input,.form-group textarea{font-size:16px}}.form-group input:invalid{border-color:#dc3545}.form-group input:valid{border-color:#28a745}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn:focus,.form-group input:focus,.form-group textarea:focus,.tab-btn:focus{outline:2px solid #3498db;outline-offset:2px}.image-upload-section{background:#fafafa;border:2px dashed #ddd;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.upload-option{display:flex;justify-content:center}.upload-label{cursor:pointer;display:inline-block}.upload-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.upload-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.upload-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.url-option{display:flex;flex-direction:column;gap:.5rem}.separator{color:#666;font-size:.9rem;font-weight:500;text-align:center}.url-option input{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:.75rem}.url-option input:disabled{background:#f5f5f5;cursor:not-allowed}.image-preview{display:flex;justify-content:center;margin-top:1rem}.image-preview img{background:#fff;border:2px solid #ddd;border-radius:6px;max-height:100px;max-width:150px;object-fit:contain;padding:.5rem}.badge-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-radius:6px;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:linear-gradient(135deg,#7f8c8d,#95a5a6);box-shadow:0 4px 12px #7f8c8d66;transform:translateY(-2px)}@media print{.footer-manager{background:#fff;box-shadow:none}.btn,.header-actions,.image-upload-section{display:none}}.rich-text-editor{background:#fff;border:1px solid #ced4da;border-radius:4px;overflow:hidden}.editor-toolbar{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.toolbar-group{display:flex;gap:.25rem}.toolbar-separator{background:#dee2e6;height:24px;margin:0 .25rem;width:1px}.toolbar-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:3px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;min-width:32px;padding:.375rem .625rem;transition:all .2s ease}.toolbar-btn:hover{background:#e9ecef;border-color:#adb5bd}.toolbar-btn:active{background:#dee2e6;transform:translateY(1px)}.editor-content{font-size:16px;line-height:1.6;max-height:600px;min-height:400px;outline:none;padding:1rem}.editor-content:empty:before{color:#999;content:attr(data-placeholder);font-style:italic}.editor-content h1{font-size:2em}.editor-content h1,.editor-content h2{font-weight:600;margin-bottom:.5em;margin-top:.5em}.editor-content h2{font-size:1.75em}.editor-content h3{font-size:1.5em;font-weight:600;margin-bottom:.5em;margin-top:.5em}.editor-content p{margin-bottom:1em}.editor-content ol,.editor-content ul{margin-bottom:1em;padding-left:2em;padding-right:2em}.editor-content li{margin-bottom:.5em}.editor-content a{color:#007bff;text-decoration:underline}.editor-content a:hover{color:#0056b3}.editor-content img{border-radius:4px;display:block;height:auto;margin:1em auto;max-width:100%}.editor-content blockquote{background:#f8f9fa;border-right:4px solid #dee2e6;font-style:italic;margin:1em 0;padding:.5em 1em}.editor-content[dir=rtl] ol,.editor-content[dir=rtl] ul{padding-left:0;padding-right:2em}.editor-content[dir=rtl] blockquote{border-left:none;border-right:4px solid #dee2e6}.editor-content[dir=ltr] ol,.editor-content[dir=ltr] ul{padding-left:2em;padding-right:0}.editor-content[dir=ltr] blockquote{border-left:4px solid #dee2e6;border-right:none}.editor-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track{background:#f1f1f1}.editor-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.editor-content::-webkit-scrollbar-thumb:hover{background:#555}.static-pages-manager{background:#f8f9fa;min-height:100vh;padding:2rem}.static-pages-manager .header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.header-title{gap:1rem}.static-pages-manager h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.btn-back{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:.3rem;padding:.5rem 1rem;transition:all .3s ease}.btn-back:hover{background:#5a6268;transform:translateX(-2px)}.header-actions{gap:1rem}.static-pages-manager .content{display:flex;gap:2rem;height:calc(100vh - 200px)}.pages-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:0 0 300px;flex-direction:column;overflow:hidden;padding:1.5rem}.pages-list h3{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;margin-top:0;padding-bottom:.75rem}.pages-items{flex-grow:1;overflow-y:auto}.page-item{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.page-item:hover{background:#f8f9fa;border-color:#dee2e6}.page-item.selected{background:#e9f7fe;border-color:#bee5eb}.page-item-info{flex-grow:1}.page-title{color:#343a40;font-weight:500;margin-bottom:.25rem}.page-slug{color:#6c757d;font-size:.8rem}.page-item-actions{align-items:center;display:flex}.btn-toggle{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.btn-toggle.active{color:#fff}.btn-toggle.inactive{background:#dc3545;color:#fff}.page-editor{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:1.5rem}.editor-placeholder{align-items:center;color:#6c757d;display:flex;font-size:1.2rem;height:100%;justify-content:center}.editor-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.editor-header h3{color:#2c3e50;margin:0}.language-tabs{display:flex;gap:.5rem}.tab{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:.5rem 1rem;transition:all .2s ease}.tab.active{background:#e9ecef;border-color:#ced4da;font-weight:500}.editor-content{flex-grow:1;overflow-y:auto}.tab-content{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.form-control{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.editor-container{flex-grow:1}.simple-editor{border:1px solid #ced4da;border-radius:4px;font-family:Consolas,monospace;font-size:14px;height:400px;line-height:1.5;padding:12px;resize:vertical;width:100%}.editor-container .rich-text-editor{width:100%}.page-meta{border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.meta-label{color:#495057;font-weight:500;margin-right:.5rem}.meta-value{color:#6c757d}.meta-value.status{border-radius:4px;font-size:.85rem;padding:.25rem .5rem}.meta-value.status.active{background:#d4edda;color:#155724}.meta-value.status.inactive{background:#f8d7da;color:#721c24}.btn-primary{background:#007bff;border-radius:6px;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover{background:#0069d9}.btn-primary:disabled{background:#6c757d}.message{animation:fadeInOut 3s forwards;border-radius:6px;left:50%;padding:.75rem 1.5rem;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@media (max-width:992px){.static-pages-manager .content{flex-direction:column;height:auto}.pages-list{flex:0 0 auto;height:300px;margin-bottom:1.5rem}.page-editor{height:600px}}.vault-management-page{background:#f5f7fa;direction:rtl;min-height:100vh;padding:20px}.page-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:15px 20px}.header-right{gap:15px}.header-right h1{color:#2c3e50;font-size:1.5rem}.back-btn{background:#f8f9fa;border:1px solid #dee2e6}.back-btn:hover{background:#e9ecef}.add-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.add-btn:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.alert{font-weight:500;margin-bottom:15px;padding:12px 20px}.tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:5px;margin-bottom:20px;padding:5px}.tab{color:#6c757d;font-size:14px;font-weight:500}.tab:hover{background:#f8f9fa;color:#495057}.tab.active{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.filters-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#6c757d;display:block;font-size:13px;font-weight:500;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #dee2e6;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.customer-search{position:relative}.customer-search input{padding-left:35px}.customer-search .clear-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.search-results{border:1px solid #dee2e6;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.search-result-item{border-bottom:1px solid #f1f1f1;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f8f9fa}.search-result-item .name{color:#2c3e50;font-weight:500}.search-result-item .phone{color:#6c757d;font-size:13px}.vault-table{border-collapse:collapse;width:100%}.vault-table td,.vault-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:right}.vault-table th{color:#495057;font-size:13px;font-weight:600}.vault-table tbody tr:hover,.vault-table th{background:#f8f9fa}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-info .name{color:#2c3e50;font-weight:500}.customer-info .phone{color:#6c757d;font-size:12px}.action-badge,.status-badge,.type-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.amount,.quantity{font-family:Courier New,monospace;font-weight:600}.no-data{padding:40px!important}.actions{gap:5px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.adjust{background:#e3f2fd}.action-btn.adjust:hover:not(:disabled){background:#bbdefb}.action-btn.history{background:#f3e5f5}.action-btn.history:hover:not(:disabled){background:#e1bee7}.action-btn.freeze{background:#e0f7fa}.action-btn.freeze:hover:not(:disabled){background:#b2ebf2}.action-btn.unfreeze{background:#e8f5e9}.action-btn.unfreeze:hover:not(:disabled){background:#c8e6c9}.action-btn.cancel{background:#ffebee}.action-btn.cancel:hover:not(:disabled){background:#ffcdd2}.pagination{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.pagination button{background:#f8f9fa;border:1px solid #dee2e6;transition:all .2s}.pagination button:hover:not(:disabled){background:#e9ecef}.pagination span{color:#6c757d;font-size:14px}.types-tab .types-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.types-tab .types-header h3{color:#2c3e50;margin:0}.types-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.type-card{align-items:flex-start;background:#f8f9fa;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .2s}.type-card:hover{box-shadow:0 4px 12px #0000001a}.type-card.inactive{opacity:.6}.type-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.type-info{flex:1 1}.type-info h4{color:#2c3e50;margin:0 0 5px}.type-info .code{color:#6c757d;font-family:monospace;font-size:12px;margin:0 0 8px}.type-features{display:flex;flex-wrap:wrap;gap:5px}.type-features .feature{background:#fff;border-radius:10px;color:#6c757d;font-size:11px;padding:2px 8px}.type-actions{display:flex;flex-direction:column;gap:5px}.type-actions button{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.type-actions .edit-btn{background:#e3f2fd;color:#1976d2}.type-actions .edit-btn:hover{background:#bbdefb}.type-actions .toggle-btn.active{background:#ffebee;color:#c62828}.type-actions .toggle-btn.inactive{background:#e8f5e9;color:#2e7d32}.stats-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.vault-management-page .stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;gap:15px;padding:20px}.vault-management-page .stat-card:nth-child(2){background:linear-gradient(135deg,#11998e,#38ef7d)}.vault-management-page .stat-card:nth-child(3){background:linear-gradient(135deg,#ee0979,#ff6a00)}.stat-icon{font-size:36px}.balances-by-type h3{color:#2c3e50;margin:0 0 15px}.balances-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.balance-card{background:#f8f9fa;border-radius:10px;padding:15px}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.balance-type{border-radius:15px;color:#fff;font-size:13px;font-weight:500;padding:4px 12px}.balance-count{color:#6c757d;font-size:12px}.balance-values{display:flex;flex-direction:column;gap:5px}.balance-amount,.balance-quantity{display:flex;justify-content:space-between}.balance-amount .label,.balance-quantity .label{color:#6c757d;font-size:13px}.balance-amount .value,.balance-quantity .value{color:#2c3e50;font-weight:600}.modal{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px}.modal.modal-lg{max-width:800px}.modal-header h2{color:#2c3e50;font-size:1.25rem}.close-btn{font-size:16px}.close-btn:hover{color:#495057}.form-group label{font-size:13px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #dee2e6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group small{color:#6c757d;font-size:11px}.form-checkboxes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.checkbox-label{color:#495057;font-size:13px}.current-balance{background:#f8f9fa;border-radius:8px;margin:0 20px 15px;padding:15px 20px}.current-balance p{font-size:14px;margin:5px 0}.modal-actions{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.cancel-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:#e9ecef}.submit-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.transactions-list{padding:20px}.transactions-table{border-collapse:collapse;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #eee;font-size:13px;padding:10px 12px;text-align:right}.transactions-table th{background:#f8f9fa;font-weight:600}.transactions-table .positive{color:#28a745}.transactions-table .negative{color:#dc3545}.icon-picker-container{position:relative}.icon-input-wrapper{align-items:center;display:flex;gap:8px}.icon-input-wrapper input{flex:1 1;text-align:center}.emoji-picker-btn,.icon-input-wrapper input{cursor:pointer;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;font-size:24px}.emoji-picker-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.emoji-picker-btn:hover{background:#f8f9ff;border-color:#667eea}.emoji-picker-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.emoji-picker-header{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600;justify-content:space-between;padding:12px 15px}.emoji-picker-close,.emoji-picker-header{align-items:center;color:#fff;display:flex}.emoji-picker-close{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:14px;height:28px;justify-content:center;transition:background .2s;width:28px}.emoji-picker-close:hover{background:#ffffff4d}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);max-height:200px;overflow-y:auto;padding:12px}.emoji-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;font-size:20px;height:36px;justify-content:center;transition:all .15s;width:36px}.emoji-item:hover{background:#e9ecef;transform:scale(1.15)}.emoji-item.selected{background:#f0f4ff;border-color:#667eea}@media (max-width:768px){.page-header{gap:15px;text-align:center}.filters-section,.header-right,.page-header{flex-direction:column}.filter-group{min-width:100%}.form-checkboxes,.form-row{grid-template-columns:1fr}.vault-table{font-size:12px}.vault-table td,.vault-table th{padding:8px 10px}.actions{flex-wrap:wrap}.tabs{flex-direction:column}}.templates-manager{margin:0 auto;max-width:1400px;padding:20px}.page-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.page-header h1{color:#333;font-size:28px;margin:0 0 5px}.page-header p{font-size:14px}.btn-primary{border-radius:8px;font-size:16px;font-weight:700}.btn-secondary{background:#6c757d;border:none;border-radius:8px;color:#fff;font-size:16px}.alert{border-radius:8px;font-size:14px;margin-bottom:20px;padding:15px 20px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.empty-state{background:#f8f9fa;border-radius:12px}.empty-icon{margin-bottom:15px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{border:2px solid #e0e0e0;padding:20px}.template-card:hover{transform:translateY(-2px)}.template-card.inactive:after{background:#dc3545;border-radius:12px;color:#fff;content:"معطل";font-size:12px;font-weight:700;left:10px;padding:4px 12px;position:absolute;top:10px}.template-icon{font-size:48px;text-align:center}.template-card h3{margin:0 0 8px;text-align:center}.template-description{margin-bottom:20px;text-align:center}.template-details{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px}.detail-row{margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-row .label{color:#666;font-size:14px}.detail-row .value{color:#333;font-size:14px;font-weight:700}.detail-row .value.highlight{color:#27ae60;font-size:16px}.template-actions{grid-gap:8px;display:grid;grid-template-columns:1fr auto auto auto}.template-actions button{font-size:14px;padding:8px 12px}.btn-apply{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.btn-apply:hover:not(:disabled){box-shadow:0 2px 8px #667eea4d;transform:scale(1.02)}.btn-apply:disabled{cursor:not-allowed;opacity:.5}.btn-edit{background:#ffc107}.btn-edit:hover{background:#e0a800}.btn-toggle{background:#dc3545;color:#fff}.btn-toggle.active{background:#28a745}.btn-delete{background:#dc3545}.btn-delete:hover{background:#c82333}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;padding:20px}.pagination button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.pagination button:disabled{cursor:not-allowed;opacity:.5}.modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-large{max-width:800px}.modal-header{border-bottom:2px solid #e0e0e0}.modal-header h2{font-size:22px}.close-btn{align-items:center;color:#666;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.close-btn:hover{background:#f0f0f0}.modal form{padding:20px}.form-row{margin-bottom:15px}.form-group label{font-weight:700}.form-group input,.form-group select,.form-group textarea{transition:border-color .2s}.icon-selector{flex-wrap:wrap;gap:8px;margin-top:8px}.icon-btn{border:2px solid #e0e0e0;border-radius:8px;font-size:20px;height:40px;width:40px}.icon-btn.selected,.icon-btn:hover{border-color:#667eea;transform:scale(1.1)}.icon-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2)}.modal-actions{border-top:2px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.template-preview{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;gap:15px;margin-bottom:20px;padding:20px}.preview-icon{font-size:48px}.preview-details h3{font-size:20px;margin:0 0 5px}.preview-details p{margin:0 0 10px;opacity:.9}.preview-value{font-size:16px;font-weight:700}.apply-options{margin-bottom:20px}.apply-options h3{color:#333;font-size:18px;margin:0 0 15px}.option-card{border:2px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:15px;transition:all .2s}.option-card:has(input[type=radio]:checked){background:#667eea0d;border-color:#667eea}.radio-label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:700;gap:10px}.radio-label input[type=radio]{cursor:pointer;height:20px;width:20px}.option-content{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.customers-list{border:1px solid #e0e0e0;border-radius:6px;margin-top:10px;max-height:200px;overflow-y:auto;padding:10px}.customer-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s}.customer-item:hover{background:#f8f9fa}.customer-item input[type=checkbox]{height:18px;width:18px}.selected-count{background:#d4edda;border-radius:6px;color:#155724;font-weight:700;margin-top:10px;padding:10px;text-align:center}.quick-distribution{margin:0 auto;max-width:1200px;padding:20px}.btn-back{background:#6c757d;border:none;border-radius:6px;color:#fff;font-size:14px;padding:10px 20px}.progress-steps{align-items:center;display:flex;justify-content:center;margin:40px 0;position:relative}.progress-steps:before{background:#e0e0e0;content:"";height:2px;left:25%;position:absolute;right:25%;top:20px;z-index:0}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:150px;position:relative;z-index:1}.step-number{background:#fff;border:3px solid #e0e0e0;color:#999;font-weight:700;height:40px;transition:all .3s;width:40px}.progress-step.active .step-number{background:#667eea;border-color:#667eea;color:#fff}.progress-step.completed .step-number{background:#27ae60;border-color:#27ae60;color:#fff}.step-label{color:#666;font-size:14px;text-align:center}.progress-step.active .step-label{color:#667eea;font-weight:700}.step-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.step-container h2{color:#333;font-size:24px;margin:0 0 30px;text-align:center}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.template-card{border:3px solid #e0e0e0;cursor:pointer;padding:25px;position:relative;text-align:center;transition:all .3s}.template-card:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea33;transform:translateY(-4px)}.template-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 4px 16px #667eea4d}.template-icon{font-size:56px;margin-bottom:15px}.template-card h3{color:#333;font-size:20px;margin:0 0 10px}.template-description{color:#666;font-size:14px;margin-bottom:15px;min-height:40px}.template-value{color:#27ae60;font-size:24px;font-weight:700;margin-bottom:5px}.template-expiry{color:#888;font-size:13px}.selected-badge{background:#27ae60;border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;position:absolute;right:10px;top:10px}.selected-template-summary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;gap:20px;margin-bottom:30px;padding:20px}.summary-icon{font-size:48px}.summary-details h3{font-size:20px;margin:0 0 5px}.summary-details p{margin:0;opacity:.9}.distribution-methods{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.method-card{border:3px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s}.method-card.active{background:#667eea0d;border-color:#667eea}.method-label{cursor:pointer;display:block}.method-label input[type=radio]{display:none}.method-content{text-align:center}.method-icon{font-size:48px;margin-bottom:10px}.method-content h4{color:#333;font-size:18px;margin:0 0 8px}.method-content p{color:#666;font-size:14px;margin:0}.method-options{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.customer-search-input,.segment-select{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;width:100%}.customer-search-input:focus,.segment-select:focus{border-color:#667eea;outline:none}.max-customers-input{margin-top:15px}.max-customers-input label{color:#333;display:block;font-weight:700;margin-bottom:8px}.max-customers-input input{border:2px solid #e0e0e0;border-radius:6px;padding:10px;width:100%}.search-results{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:10px;max-height:250px;position:relative}.search-results-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;color:#333;display:flex;font-weight:700;justify-content:space-between;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-results-list{max-height:200px;overflow-y:auto;padding:10px}.close-search-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:background .2s}.close-search-btn:hover{background:#c0392b}.customer-result{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background .2s}.customer-result:hover{background:#f8f9fa}.customer-result input[type=checkbox]{height:18px;width:18px}.selected-customers{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.selected-header{color:#333;margin-bottom:10px}.selected-list{display:flex;flex-wrap:wrap;gap:8px}.selected-customer{align-items:center;background:#fff;border:2px solid #667eea;border-radius:20px;display:flex;font-size:14px;gap:8px;padding:6px 12px}.selected-customer button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px;height:20px;padding:0;width:20px}.confirmation-summary{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.summary-section h4{color:#333;font-size:18px;margin:0 0 15px}.summary-card{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:20px;padding:20px}.card-icon{font-size:48px}.card-details h3{color:#333;font-size:18px;margin:0 0 5px}.card-details p{color:#666;margin:0 0 10px}.card-value{color:#27ae60;font-weight:700}.customers-preview{color:#888;font-size:14px;margin-top:8px}.notes-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;resize:vertical;width:100%}.notes-input:focus{border-color:#667eea;outline:none}.step-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.btn-large{font-size:18px;padding:14px 32px}.btn-distribute{background:linear-gradient(135deg,#27ae60,#229954)}.btn-distribute:hover:not(:disabled){box-shadow:0 4px 12px #27ae6066}.success-container{text-align:center}.success-icon{align-items:center;animation:successPop .5s ease-out;background:#27ae60;border-radius:50%;color:#fff;display:flex;font-size:60px;height:100px;justify-content:center;margin:0 auto 20px;width:100px}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.result-stats{display:flex;gap:30px;justify-content:center;margin:30px 0}.result-stat{background:#d4edda;border-radius:12px;min-width:120px;padding:20px;text-align:center}.result-stat.error{background:#f8d7da}.stat-value{color:#27ae60;font-size:36px}.result-stat.error .stat-value{color:#dc3545}.stat-label{font-size:14px;margin-top:5px}.result-details{margin-top:30px;text-align:right}.result-details h4{color:#333;margin:0 0 15px}.result-list{border:1px solid #e0e0e0;border-radius:8px;max-height:300px;overflow-y:auto;padding:10px}.result-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px}.result-item:last-child{border-bottom:none}.item-status.success{color:#27ae60;font-weight:700}.item-status.error{color:#dc3545;font-weight:700}.campaigns-manager{padding:20px}.campaigns-manager .message{animation:slideIn .3s ease;border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 20px}.campaigns-manager .message.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.campaigns-manager .message.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.campaigns-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.campaigns-header .header-content h2{color:#333;font-size:24px;margin-bottom:8px}.campaigns-header .header-content p{color:#666;font-size:14px}.btn-create{padding:12px 24px}.btn-create:hover{box-shadow:0 4px 15px #667eea66}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-icon{font-size:48px;margin-bottom:15px}.retry-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.retry-btn:hover{background:#5a6fd6}.campaigns-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;overflow:hidden}.campaigns-table{border-collapse:collapse;width:100%}.campaigns-table td,.campaigns-table th{border-bottom:1px solid #eee;padding:15px;text-align:right}.campaigns-table th{background:#f8f9fa;color:#333;font-weight:600}.campaigns-table tbody tr:hover{background:#f8f9fa}.campaigns-table tbody tr:last-child td{border-bottom:none}.status-badge{font-size:12px;font-weight:600;padding:4px 12px}.status-active{background:#d4edda;color:#155724}.status-completed{background:#cce5ff;color:#004085}.status-paused{background:#fff3cd;color:#856404}.status-cancelled{background:#f8d7da;color:#721c24}.status-default{background:#e9ecef;color:#495057}.stat-used{background:linear-gradient(135deg,#f0fff4,#d4edda);border-right:4px solid #27ae60}.stat-used .stat-label,.stat-used .stat-value{color:#155724}.stat-remaining{background:linear-gradient(135deg,#f093fb,#f5576c);border-right:4px solid #fff}.stat-remaining .stat-value{color:#fff;font-weight:700}.stat-remaining .stat-label{color:#fff}.stat-remaining .stat-icon{filter:brightness(0) invert(1)}.stat-count{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-right:4px solid #9b59b6}.amount-total{color:#667eea;font-weight:600}.amount-used{color:#27ae60;font-weight:600}.amount-remaining{color:#f39c12;font-weight:600}.btn-details{background:#667eea;border-radius:6px;font-size:12px;transition:background .2s}.btn-details:hover{background:#5a6fd6}.expanded-row{background:#f0f4ff!important}.details-row td{background:#f8f9fa;padding:0!important}.recipients-details{padding:20px}.recipients-details h4{color:#333;margin-bottom:15px}.recipients-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 4px #0000001a;overflow:hidden;width:100%}.recipients-table td,.recipients-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:right}.recipients-table th{background:#667eea;color:#fff;font-weight:600}.recipients-table tbody tr:hover{background:#f8f9fa}.recipients-table .used{color:#27ae60}.recipients-table .remaining{color:#f39c12}.status-used{background:#d4edda;color:#155724}.status-frozen{background:#cce5ff;color:#004085}.status-expired{background:#f8d7da;color:#721c24}@media (max-width:992px){.quick-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.quick-stats{grid-template-columns:1fr}.campaigns-table td,.campaigns-table th{font-size:13px;padding:10px}.recipients-table td,.recipients-table th{font-size:12px;padding:8px 10px}}.campaigns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:20px}.campaign-card{background:#fff;border-radius:16px;border-top:4px solid #667eea;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:all .3s ease}.campaign-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.campaign-card.status-active{border-top-color:#28a745}.campaign-card.status-paused{border-top-color:#ffc107}.campaign-card.status-completed{border-top-color:#17a2b8}.campaign-card.status-cancelled{border-top-color:#dc3545}.campaign-card.status-draft{border-top-color:#6c757d}.campaign-header{align-items:center;background:linear-gradient(135deg,#f8f9ff,#eef1ff);display:flex;gap:15px;padding:20px}.campaign-icon{font-size:40px}.campaign-title{flex:1 1}.campaign-title h3{color:#333;font-size:16px;margin-bottom:4px}.campaign-code{color:#888;font-size:12px}.campaign-details{padding:15px 20px}.detail-row{border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-size:13px}.detail-value{font-size:13px;font-weight:500}.detail-value.highlight{color:#28a745;font-weight:600}.campaign-progress{background:#f8f9fa;padding:15px 20px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:#666;display:block;font-size:12px;text-align:center}.campaign-actions{border-top:1px solid #f0f0f0;display:flex;gap:10px;padding:15px 20px}.btn-action{flex:1 1;font-size:13px;font-weight:500;padding:10px 15px;transition:all .2s ease}.btn-activate{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-activate:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-distribute{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-distribute:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-pause{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#333}.btn-pause:hover{box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-delete:hover{box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.btn-create-first{border-radius:10px;margin-top:20px}.btn-create-first:hover{box-shadow:0 6px 20px #667eea66}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff}.modal-header h3{font-size:18px}.modal-close{background:#fff3;color:#fff;font-size:24px;height:36px;width:36px}.modal-close:hover{background:#ffffff4d}.form-group{margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;padding:12px;transition:border-color .2s,box-shadow .2s}.form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.btn-cancel{font-weight:500;padding:12px 24px;transition:background .2s}.btn-save{background:linear-gradient(135deg,#28a745,#20c997);padding:12px 24px;transition:all .2s ease}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.status-draft{background:#e9ecef;color:#495057}.stat-completed{background:linear-gradient(135deg,#fd7e14,#dc3545);border-right:4px solid #17a2b8}.stat-completed .stat-label,.stat-completed .stat-value{color:#fff}.stat-budget{background:linear-gradient(135deg,#fd7e14,#ffc107)!important;border-right:4px solid #ffc107!important}.stat-budget .stat-icon{font-size:32px}.stat-budget .stat-value{color:#fff!important;font-size:24px;font-weight:700}.stat-budget .stat-label{color:#fff!important;font-size:12px}@media (max-width:768px){.campaigns-grid{grid-template-columns:1fr}.campaigns-header{flex-direction:column;gap:15px;text-align:center}.modal-content{margin:10px}.form-row{grid-template-columns:1fr}}.segments-manager{padding:20px}.segments-header{margin-bottom:25px}.segments-header h2{color:#333;font-size:24px;margin-bottom:8px}.segments-header p{color:#666;font-size:14px}.view-toggle{background:#f8f9fa;border-radius:10px;display:flex;gap:10px;margin-bottom:25px;padding:5px;width:-webkit-fit-content;width:fit-content}.toggle-btn{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;transition:all .2s}.toggle-btn.active{background:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.toggle-btn:hover:not(.active){background:#e9ecef}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.spinner{border:4px solid #e0e0e0}.empty-state h3{margin-bottom:10px}.segments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.segment-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s}.segment-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.segment-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;font-size:40px;height:60px;justify-content:center;width:60px}.segment-info{flex:1 1}.segment-info h3{color:#333;font-size:16px;margin-bottom:5px}.segment-info p{color:#666;font-size:13px}.segment-stats .stat{text-align:center}.segment-stats .stat-value{color:#667eea;display:block;font-size:24px;font-weight:700}.segment-stats .stat-label{color:#666;font-size:12px}.customers-section{box-shadow:0 2px 8px #00000014;padding:20px}.search-box{margin-bottom:20px}.search-box input{font-size:14px;padding:12px 40px 12px 15px;transition:border-color .2s}.clear-search{background:#e0e0e0;border:none;border-radius:50%;cursor:pointer;font-size:12px;height:24px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.clear-search:hover{background:#ccc}.customers-summary{background:#f8f9fa;border-radius:10px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.summary-item{flex:1 1;text-align:center}.summary-value{color:#333;display:block;font-size:24px;font-weight:700}.summary-label{color:#666;font-size:12px}.customers-table td,.customers-table th{padding:12px 15px}.customers-table th{background:#667eea;color:#fff}.customers-table .amount{color:#667eea;font-weight:600}.customers-table .used{color:#27ae60}.customers-table .remaining{color:#e67e22;font-weight:600}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 20px}.message-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message-info{background:#cce5ff;border:1px solid #b8daff;color:#004085}.settings-section{margin-top:20px}.settings-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.settings-card h3{color:#333;font-size:20px;margin-bottom:8px}.settings-desc{color:#666;margin-bottom:25px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:25px}.setting-item{background:#f8f9fa;border:2px solid #0000;border-radius:10px;padding:20px;transition:border-color .2s}.setting-item:hover{border-color:#667eea}.setting-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.setting-icon{font-size:24px}.setting-header label{color:#333;font-size:16px;font-weight:600}.setting-input{align-items:center;display:flex;gap:10px;margin-bottom:10px}.setting-input span{color:#666;font-size:14px}.setting-input input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;padding:8px 12px;text-align:center;transition:border-color .2s;width:80px}.setting-input input:focus{border-color:#667eea;outline:none}.setting-hint{color:#888;font-size:12px;margin:0}.settings-actions{display:flex;gap:15px;margin-bottom:20px}.btn-save,.btn-update{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 25px;transition:all .2s}.btn-save{background:#27ae60}.btn-save:hover{background:#219a52}.btn-update{background:#667eea;color:#fff}.btn-update:hover{background:#5a6fd6}.btn-save:disabled,.btn-update:disabled{cursor:not-allowed;opacity:.6}.settings-note{background:#fff3cd;border-radius:8px;color:#856404;font-size:14px;padding:15px}.btn-refresh{background:#667eea;border-radius:8px;font-weight:600;transition:background .2s}.btn-refresh:hover{background:#5a6fd6}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.segment-card.selected{background:#f0f4ff;border:2px solid #667eea}.btn-create{background:#27ae60;border-radius:8px;padding:10px 20px;transition:background .2s}.btn-create:hover{background:#219a52}.segments-actions{display:flex;gap:10px;margin-bottom:20px}.btn-delete-segment{background:#f8d7da;border:none;border-radius:50%;cursor:pointer;height:30px;left:10px;opacity:0;position:absolute;top:10px;transition:opacity .2s;width:30px}.segment-card{position:relative}.segment-card:hover .btn-delete-segment{opacity:1}.btn-delete-segment:hover{background:#f5c6cb}.modal-content{box-shadow:0 10px 40px #0003;max-width:750px;width:95%}.create-segment-modal{max-width:800px}.modal-close{font-size:18px;transition:background .2s}.modal-footer{border-radius:0 0 16px 16px}.form-group input[type=number],.form-group input[type=text]{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.icon-option{border:2px solid #e0e0e0;border-radius:10px;font-size:24px;height:45px;width:45px}.icon-option:hover{border-color:#667eea;transform:scale(1.1)}.icon-option.selected{background:#f0f4ff;border-color:#667eea}.conditions-list{display:flex;flex-direction:column;gap:12px}.condition-row{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;padding:15px}.condition-row select{-webkit-appearance:menulist;appearance:menulist;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;min-width:180px;padding:12px 15px}.condition-row select:first-child{min-width:200px}.condition-row input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;text-align:center;width:120px}.condition-row input:focus,.condition-row select:focus{border-color:#667eea;outline:none}.btn-remove-condition{background:#f8d7da;border:none;border-radius:50%;color:#721c24;cursor:pointer;font-size:14px;height:35px;width:35px}.btn-remove-condition:hover{background:#f5c6cb}.btn-add-condition{background:#e9ecef;border:2px dashed #adb5bd;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .2s}.btn-add-condition:hover{background:#dee2e6;border-color:#667eea;color:#667eea}.btn-cancel{background:#e9ecef;color:#495057}.btn-cancel:hover{background:#dee2e6}.btn-create-segment{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 25px}.btn-create-segment:hover{background:#219a52}.btn-create-segment:disabled{cursor:not-allowed;opacity:.6}.segment-actions{display:flex;gap:5px;left:10px;opacity:0;position:absolute;top:10px;transition:opacity .2s}.segment-card:hover .segment-actions{opacity:1}.btn-delete-segment,.btn-edit-segment,.btn-toggle-segment{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-edit-segment{background:#e3f2fd;color:#1976d2}.btn-edit-segment:hover{background:#bbdefb}.btn-toggle-segment{background:#fff3e0;color:#f57c00}.btn-toggle-segment.active{background:#fff3e0}.btn-toggle-segment.inactive{background:#e8f5e9;color:#388e3c}.btn-toggle-segment:hover{transform:scale(1.1)}.btn-delete-segment{background:#ffebee;color:#c62828;opacity:1;position:static}.btn-delete-segment:hover{background:#ffcdd2}.segment-card.inactive{background:#f5f5f5;border-color:#e0e0e0;opacity:.6}.inactive-badge{background:#ff5722;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:400;margin-right:8px;padding:2px 8px}.toggle-label{align-items:center;cursor:pointer;display:flex;font-weight:400!important;gap:10px}.toggle-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.toggle-label span{color:#333;font-size:14px}@media (max-width:768px){.segments-grid,.settings-grid{grid-template-columns:1fr}.customers-summary,.settings-actions{flex-direction:column}.customers-summary{gap:10px}.customers-table td,.customers-table th{font-size:13px;padding:10px}}.vault-dashboard{margin:0 auto;max-width:1400px;padding:20px}.vault-dashboard .loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px}.vault-dashboard .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:15px;width:50px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.dashboard-header h2{color:#333;font-size:24px;margin:0}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;font-size:14px;padding:10px 20px;transition:all .3s}.btn-refresh:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-right:4px solid;box-shadow:0 4px 15px #00000014;transition:all .3s}.stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.stat-card.primary{border-color:#667eea}.stat-card.success{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745}.stat-card.success .stat-label,.stat-card.success .stat-value{color:#fff}.stat-card.warning{background:linear-gradient(135deg,#fd7e14,#ffc107);border-color:#ffc107}.stat-card.warning .stat-label,.stat-card.warning .stat-value{color:#fff}.stat-card.info{border-color:#17a2b8}.stat-card.purple{border-color:#9b59b6}.stat-card.orange{border-color:#fd7e14}.stat-icon{font-size:40px;line-height:1}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;line-height:1.2}.stat-label{font-size:13px;margin-top:4px}.dashboard-sections{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.dashboard-section{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:25px}.section-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#333;font-size:18px;margin:0}.section-total{background:#f0f0f0;border-radius:20px;color:#666;font-size:12px;padding:5px 12px}.segments-chart{gap:15px}.segment-bar-item,.segments-chart{display:flex;flex-direction:column}.segment-bar-item{gap:8px}.segment-bar-header{align-items:center;display:flex;gap:10px}.segment-bar-icon{font-size:20px}.segment-bar-name{color:#333;flex:1 1;font-size:14px}.segment-bar-count{color:#667eea;font-size:14px;font-weight:600}.segment-bar-track{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.segment-bar-fill{border-radius:4px;height:100%;min-width:5px;transition:width .5s ease}.item-types-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.item-type-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #eee;border-radius:12px;display:flex;flex-direction:column;padding:20px 15px;transition:all .3s}.item-type-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.item-type-icon{font-size:32px;margin-bottom:10px}.item-type-name{color:#666;font-size:13px;margin-bottom:5px;text-align:center}.item-type-count{color:#333;font-size:20px;font-weight:700}.empty-section{color:#999;padding:30px;text-align:center}.quick-tips{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:16px;padding:25px}.quick-tips h3{color:#333;font-size:18px;margin:0 0 20px}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tip-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:15px;padding:20px}.tip-icon{font-size:30px;line-height:1}.tip-content h4{color:#333;font-size:15px;margin:0 0 5px}.tip-content p{color:#666;font-size:13px;line-height:1.5;margin:0}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-sections{grid-template-columns:1fr}.stat-card{padding:15px}.stat-icon{font-size:30px}.stat-value{font-size:22px}}@media (max-width:480px){.stats-grid,.tips-grid{grid-template-columns:1fr}}.auto-rules-manager{direction:rtl;padding:20px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{border-top-color:#667eea;height:40px;margin-bottom:15px;width:40px}.error-state .error-icon{font-size:48px;margin-bottom:15px}.error-state button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 25px}.message-toast{animation:slideDown .3s ease;border-radius:10px;font-weight:600;left:50%;padding:12px 25px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.message-toast.success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.message-toast.error{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.rules-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.header-info h2{color:#333;font-size:24px;margin:0 0 5px}.header-info p{color:#666;font-size:14px;margin:0}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-create:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.quick-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:25px}.stat-card{box-shadow:0 2px 8px #00000014;gap:15px}.stat-icon{font-size:32px}.stat-value{font-size:24px}.stat-label{color:#666;font-size:12px}.stat-total{background:linear-gradient(135deg,#f8f9ff,#eef1ff);border-right:4px solid #667eea}.stat-active{background:linear-gradient(135deg,#28a745,#20c997);border-right:4px solid #28a745}.stat-active .stat-label,.stat-active .stat-value{color:#fff}.stat-triggered{background:linear-gradient(135deg,#fd7e14,#ffc107);border-right:4px solid #fd7e14}.stat-triggered .stat-label,.stat-triggered .stat-value{color:#fff}.stat-distributed{background:linear-gradient(135deg,#9b59b6,#e74c3c);border-right:4px solid #9b59b6}.stat-distributed .stat-label,.stat-distributed .stat-value{color:#fff}.empty-state{background:linear-gradient(135deg,#f8f9ff,#fff);border:2px dashed #ddd;border-radius:16px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{font-size:20px;margin:0 0 10px}.empty-state p{color:#666;margin:0 0 25px}.btn-create-first{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.btn-create-first:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-3px)}.rules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.rule-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:all .3s ease}.rule-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.rule-card.active{border-top:4px solid #28a745}.rule-card.inactive{border-top:4px solid #6c757d;opacity:.8}.rule-header{background:linear-gradient(135deg,#f8f9ff,#fff);border-bottom:1px solid #eee;justify-content:space-between;padding:15px 20px}.rule-header,.rule-trigger{align-items:center;display:flex}.rule-trigger{gap:10px}.trigger-icon{font-size:24px}.trigger-label{color:#333;font-weight:600}.rule-status{border-radius:20px;font-size:12px;font-weight:600;padding:5px 12px}.rule-status.active{background:#d4edda;color:#155724}.rule-status.inactive{background:#e9ecef;color:#495057}.rule-body{padding:20px}.rule-name{color:#333;font-size:18px;margin:0 0 8px}.rule-description{color:#666;font-size:13px;line-height:1.5;margin:0 0 15px}.rule-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.detail-item{gap:3px}.detail-label{color:#999;font-size:11px}.detail-value{color:#333;font-size:14px;font-weight:600}.detail-value.amount{color:#28a745}.rule-stats{border-top:1px solid #eee;display:flex;gap:20px;padding-top:15px}.stat-mini{align-items:center;display:flex;gap:5px}.stat-num{color:#667eea;font-size:18px;font-weight:700}.stat-text{color:#666;font-size:12px}.rule-actions{background:#f8f9fa;border-top:1px solid #eee;gap:10px;padding:15px 20px}.rule-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease}.btn-toggle.activate{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-toggle.pause{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-edit:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-delete{background:#fff;border:1px solid #dc3545!important;color:#dc3545}.btn-delete:hover{background:#dc3545;color:#fff}.modal-content{animation:modalSlide .3s ease;max-width:700px}@keyframes modalSlide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#f8f9ff,#fff);padding:20px 25px}.modal-header h3{color:#333;font-size:20px;margin:0}.modal-close{background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:35px;transition:all .2s ease;width:35px}.modal-close:hover{background:#e0e0e0}.modal-body{padding:25px}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;transition:all .2s ease}.form-row{grid-gap:15px;gap:15px}.trigger-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.trigger-option{align-items:center;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:15px;text-align:center;transition:all .2s ease}.trigger-option:hover{background:#f8f9ff;border-color:#667eea}.trigger-option.selected{background:linear-gradient(135deg,#f8f9ff,#eef1ff);border-color:#667eea}.trigger-option .trigger-icon{font-size:28px;margin-bottom:8px}.trigger-option .trigger-label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.trigger-option .trigger-desc{color:#666;font-size:11px}.checkbox-group{margin-top:10px}.checkbox-label input[type=checkbox]{height:20px;width:20px}.modal-footer{background:#f8f9fa;gap:15px;padding:20px 25px}.btn-cancel{background:#f0f0f0;border-radius:10px;font-weight:600;padding:12px 25px;transition:all .2s ease}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-submit:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.quick-stats{grid-template-columns:repeat(2,1fr)}.rules-grid{grid-template-columns:1fr}.rules-header{flex-direction:column;gap:15px;text-align:center}.form-row,.trigger-options{grid-template-columns:1fr}.modal-content{margin:10px}}.vault-v2-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.v2-header{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;justify-content:space-between;margin-bottom:20px;padding:25px 30px}.header-left,.v2-header{align-items:center;display:flex}.header-left{gap:20px}.back-btn{background:#f0f0f0;transition:all .2s}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;margin:0 0 5px}.header-title p{color:#666;font-size:16px;margin:0}.header-badge{align-items:center;display:flex}.new-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;padding:8px 20px;text-transform:uppercase}.v2-tabs{border-radius:16px;box-shadow:0 4px 12px #00000014;gap:10px;margin-bottom:20px;overflow-x:auto;padding:15px}.v2-tab,.v2-tabs{background:#fff;display:flex}.v2-tab{align-items:center;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;flex:1 1;flex-direction:column;gap:8px;min-width:150px;padding:15px 20px;position:relative;transition:all .3s}.v2-tab:hover:not(:disabled){border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.v2-tab.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.v2-tab.active:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #fff;bottom:-15px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.v2-tab:disabled{cursor:not-allowed;opacity:.5}.tab-icon{font-size:28px}.tab-label{color:#333;font-size:14px;font-weight:700}.v2-tab.active .tab-label{color:#667eea}.coming-soon{background:#ffc107;border-radius:8px;color:#333;font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:5px;top:5px}.v2-content{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:30px;min-height:500px;padding:30px}.coming-soon-content{padding:100px 20px;text-align:center}.coming-soon-icon{font-size:100px;margin-bottom:20px;opacity:.6}.coming-soon-content h2{color:#333;font-size:32px;margin:0 0 15px}.coming-soon-content p{color:#666;font-size:18px;margin:0 auto;max-width:600px}.features-preview{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:30px}.features-preview h3{color:#333;font-size:24px;margin:0 0 25px;text-align:center}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:25px;text-align:center;transition:all .3s}.feature-card:not(.disabled):hover{border-color:#667eea;box-shadow:0 6px 16px #667eea26;transform:translateY(-4px)}.feature-card.disabled{opacity:.6}.feature-icon{font-size:48px;margin-bottom:15px}.feature-card h4{color:#333;font-size:18px;margin:0 0 10px}.feature-card p{color:#666;font-size:14px;margin:0 0 15px;min-height:40px}.feature-status{background:#f0f0f0;border-radius:20px;color:#666;display:inline-block;font-size:12px;font-weight:700;padding:6px 16px}.feature-status.available{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}@media (max-width:768px){.v2-tabs{flex-wrap:nowrap;overflow-x:auto}.v2-tab{min-width:120px}.features-grid{grid-template-columns:1fr}}.reward-trends-chart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:25px}.chart-controls{grid-gap:15px;background:#f8f9fa;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#333;font-size:.9rem;font-weight:600}.chart-date-input,.chart-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-family:Cairo,sans-serif;font-size:.95rem;padding:10px 12px;transition:all .2s}.chart-date-input:focus,.chart-select:focus{border-color:gold;box-shadow:0 0 0 3px #ffd7001a;outline:none}.quick-ranges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.quick-range-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:8px;color:#333;cursor:pointer;font-family:Cairo,sans-serif;font-weight:600;padding:10px 20px;transition:all .2s}.quick-range-btn:hover{background:linear-gradient(135deg,gold,orange);border-color:gold;box-shadow:0 4px 12px #ffd7004d;color:#fff;transform:translateY(-2px)}.chart-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;height:500px;padding:20px;position:relative}.chart-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:gold;height:50px;width:50px}.chart-loading p{color:#666;font-size:1rem;font-weight:500}.chart-empty{align-items:center;color:#999;display:flex;font-size:1.1rem;height:100%;justify-content:center}.chart-empty p{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px;text-align:center}@media (max-width:768px){.chart-controls{grid-template-columns:1fr}.quick-ranges{flex-direction:column}.quick-range-btn{width:100%}.chart-container{height:400px;padding:10px}}@media (max-width:480px){.reward-trends-chart{padding:15px}.chart-container{height:300px}}.stat-card.green{background:#4caf50!important}.stat-card.green,.stat-card.green .stat-icon,.stat-card.green .stat-info *,.stat-card.green .stat-label,.stat-card.green .stat-value,.stat-card.red{color:#fff!important}.stat-card.red{background:red!important}.stat-card.red .stat-icon,.stat-card.red .stat-info *,.stat-card.red .stat-label,.stat-card.red .stat-value{color:#fff!important}.loyalty-manager{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);direction:rtl;min-height:100vh;padding:20px}.loyalty-loading{align-items:center;color:#666;display:flex;flex-direction:column;height:60vh;justify-content:center}.loyalty-loading .spin{animation:spin 1s linear infinite;color:gold}.coin-spin{animation:spin 1s linear infinite;height:48px;object-fit:contain;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loyalty-header{background:linear-gradient(135deg,gold,orange);border-radius:16px;box-shadow:0 4px 20px #ffd7004d;color:#333;margin-bottom:24px;padding:24px}.header-title{gap:16px}.back-btn,.header-title{align-items:center;display:flex}.back-btn{background:#ffffffe6;border-radius:8px;color:#333;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.header-icon{background:#ffffff4d;border-radius:12px;height:48px;object-fit:contain;padding:0;width:48px}.header-title h1{font-size:1.8rem;margin:0}.header-title p{margin:4px 0 0;opacity:.8}.loyalty-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.stat-icon{background:#f0f0f0;border-radius:12px;color:#666;height:48px;padding:12px;width:48px}.stat-icon.gold{background:#fff8e1;color:gold}.stat-icon.green{background:#4caf50;color:#fff!important}.stat-icon.purple{background:#9c27b0;color:#fff}.stat-icon.red{background:red;color:#fff!important}.stat-info{display:flex;flex-direction:column}.stat-value{color:#333;font-size:1.5rem}.stat-label{color:#888;font-size:.85rem}.loyalty-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:24px;padding:8px}.loyalty-tabs,.tab{display:flex;gap:8px}.tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:1rem;justify-content:center;padding:12px 20px;transition:all .2s}.tab:hover{background:#f5f5f5}.tab.active{background:linear-gradient(135deg,gold,orange);color:#333;font-weight:600}.loyalty-content{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#333;font-size:1.3rem;margin:0}.btn-add{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.btn-add:hover{box-shadow:0 4px 15px #ffd70066;transform:translateY(-2px)}.milestones-timeline{display:flex;flex-direction:column;gap:16px}.milestone-card{background:#fafafa;border:2px solid #eee;border-radius:12px;padding:20px;position:relative;transition:border-color .2s}.milestone-card:hover{border-color:gold}.milestone-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.milestone-icon{align-items:center;border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;font-size:1.8rem;height:56px;justify-content:center;width:56px}.milestone-info{flex:1 1}.milestone-info h3{color:#333;font-size:1.2rem;margin:0 0 4px}.points-badge{background:linear-gradient(135deg,gold,orange);border-radius:20px;color:#333;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.milestone-actions{display:flex;gap:8px}.btn-icon{background:#f0f0f0;color:#666}.btn-icon:hover{background:#e0e0e0;color:#333}.btn-icon.danger:hover{background:#ffebee;color:#f44336}.btn-icon.adjust{background:#fff8e1;color:#a16207}.btn-icon.adjust:hover{background:#ffecb3;color:#7c4a00}.milestone-rewards{background:#fff;border-radius:8px;padding:16px}.rewards-header{color:#666;font-size:.9rem;gap:8px;margin-bottom:12px}.btn-add-small,.rewards-header{align-items:center;display:flex}.btn-add-small{background:gold;border:none;border-radius:50%;cursor:pointer;height:24px;justify-content:center;margin-right:auto;transition:transform .2s;width:24px}.btn-add-small:hover{transform:scale(1.1)}.rewards-list{display:flex;flex-direction:column;gap:8px}.reward-item{background:#f5f5f5;border-radius:8px;justify-content:space-between;padding:10px 12px}.reward-info,.reward-item{align-items:center;display:flex}.reward-info{gap:12px}.reward-type{background:#e0e0e0;border-radius:4px;color:#666;font-size:.75rem;padding:4px 8px}.reward-name{color:#333;font-weight:500}.reward-value{color:#4caf50;font-weight:600}.stock-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.stock-badge strong{font-size:.85rem;font-weight:700}.stock-badge .redeemed-hint{font-size:.7rem;font-weight:400;opacity:.8}.stock-badge.unlimited{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stock-badge.available{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.stock-badge.low-stock{animation:pulse-warning 2s ease-in-out infinite;background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.stock-badge.out-of-stock{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.reward-actions{display:flex;gap:4px}.btn-icon-small{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.btn-icon-small:hover{background:#e0e0e0;color:#333}.btn-icon-small.danger:hover{background:#ffebee;color:#f44336}.no-rewards{color:#999;font-size:.9rem;padding:12px;text-align:center}.milestone-connector{bottom:-24px;color:gold;left:50%;position:absolute;transform:translateX(-50%) rotate(90deg);z-index:1}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-card{align-items:center;background:#fafafa;border:2px solid #eee;border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:border-color .2s}.rule-card:hover{border-color:gold}.rule-card.inactive{opacity:.6}.rule-icon{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:12px;color:#333;display:flex;height:48px;justify-content:center;width:48px}.rule-info{flex:1 1}.rule-info h3{color:#333;font-size:1.1rem;margin:0 0 4px}.rule-details{align-items:center;display:flex;gap:12px}.rule-type{background:#e0e0e0;border-radius:4px;color:#666;font-size:.75rem;padding:4px 8px}.rule-points{color:#4caf50;font-weight:600}.rule-points small{color:#888;font-weight:400}.rule-status{margin-left:16px}.status-badge{font-size:.8rem}.status-badge.active{background:#e8f5e9;color:#4caf50}.status-badge.inactive{background:#ffebee;color:#f44336}.rule-actions{display:flex;gap:8px}.modal-content{max-width:500px}.btn-close{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-close:hover{background:#e0e0e0;color:#333}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input[type=number],.form-group input[type=text],.form-group select{border:2px solid #eee;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:gold;outline:none}.form-group input[type=color]{border:2px solid #eee;border-radius:8px;cursor:pointer;height:40px;padding:0;width:60px}.form-group small{color:#888;display:block;font-size:.85rem;margin-top:4px}.form-hint{font-style:italic;margin-top:6px}.quantity-type-selector{display:flex;gap:16px;margin-top:8px}.radio-option{align-items:center;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;padding:12px 16px;transition:all .2s}.radio-option:hover{background:#fffbf0;border-color:gold}.radio-option input[type=radio]{accent-color:gold;cursor:pointer;height:18px;width:18px}.radio-option input[type=radio]:checked+span{color:#333;font-weight:600}.radio-option span{color:#666;font-size:.95rem}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;gap:8px}.form-group.checkbox input{cursor:pointer;height:18px;width:18px}.icon-picker{display:flex;flex-wrap:wrap;gap:8px}.icon-option{background:#fff;border:2px solid #eee;border-radius:8px;cursor:pointer;font-size:1.5rem;height:44px;transition:all .2s;width:44px}.icon-option:hover{border-color:gold}.icon-option.selected{background:#fff8e1;border-color:gold}.stats-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px}.stats-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.btn-export{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-export:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-delete-undefined{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-delete-undefined:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.kpis-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.kpi-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s}.kpi-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.kpi-card.highlight{background:linear-gradient(135deg,gold,orange)}.kpi-icon{font-size:2.5rem;line-height:1}.kpi-content{flex:1 1}.kpi-value{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:4px}.kpi-label{color:#666;font-size:.85rem;font-weight:500}.stats-filters{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.filter-group{gap:10px}.filter-group label{white-space:nowrap}.filter-group input[type=date],.filter-group select{border:2px solid #dee2e6;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s}.filter-group input[type=date]:focus,.filter-group select:focus{border-color:gold;outline:none}.custom-range{align-items:center;display:flex;gap:8px}.custom-range span{color:#666;font-weight:500}.stats-table-container{margin-top:20px;overflow-x:auto}.stats-table{background:#fff;border-collapse:collapse;width:100%}.stats-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stats-table th{font-size:14px;font-weight:600;padding:15px;text-align:right}.stats-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.stats-table th.sortable:hover{background:#ffffff1a}.stats-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.stats-table tbody tr:hover{background:#f8f9fa}.stats-table td{padding:15px;text-align:right}.milestones-info{color:#666;font-size:.85rem;line-height:1.6;max-width:300px}.milestones-info:empty:before{color:#999;content:"غير محدد";font-style:italic}.percentage-bar{background:#e0e0e0;border-radius:15px;height:30px;overflow:hidden;position:relative;width:100%}.percentage-fill{background:linear-gradient(90deg,#4caf50,#81c784);height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.percentage-text{color:#333;font-size:13px;font-weight:600;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.insights-container{background:#f8f9fa;border-radius:12px;margin-top:30px;padding:20px}.insights-container h3{color:#333;font-size:1.2rem;margin:0 0 15px}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-card{align-items:center;background:#fff;border-left:4px solid #ddd;border-radius:8px;display:flex;gap:12px;padding:15px;transition:all .2s}.insight-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(-4px)}.insight-card.success{background:linear-gradient(90deg,#ecfdf5,#fff);border-left-color:#10b981}.insight-card.warning{background:linear-gradient(90deg,#fffbeb,#fff);border-left-color:#f59e0b}.insight-card.info{background:linear-gradient(90deg,#eff6ff,#fff);border-left-color:#3b82f6}.insight-icon{font-size:1.8rem;line-height:1}.insight-content{color:#333;flex:1 1;font-size:.95rem}.insight-content strong{color:#111;font-weight:600}.behavior-analysis{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:25px}.behavior-analysis h3{color:#333;font-size:1.3rem;margin:0 0 10px}.analysis-description{color:#666;font-size:.95rem;margin-bottom:20px}.behavior-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;margin-bottom:15px;overflow:hidden;transition:all .3s}.behavior-card:hover{border-color:gold;box-shadow:0 4px 12px #ffd70033}.behavior-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background .2s}.behavior-header:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.behavior-title{align-items:center;display:flex;font-size:1.1rem;gap:10px}.behavior-total{color:#666;font-size:.9rem;font-weight:400}.expand-icon{color:#666;font-size:1.2rem;transition:transform .3s}.behavior-details{background:#fff;padding:20px}.milestones-breakdown{display:flex;flex-direction:column;gap:15px}.milestone-stat{background:#f8f9fa;border-radius:8px;border-right:4px solid gold;padding:15px}.milestone-info{align-items:center;display:flex;gap:10px;margin-bottom:12px}.milestone-icon{font-size:1.5rem}.milestone-name{color:#333;font-size:1.05rem;font-weight:600}.milestone-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:12px}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{color:#666;font-size:.8rem}.metric-value{color:#333;font-size:1.1rem;font-weight:600}.metric-value.highlight{color:gold;font-size:1.3rem}.milestone-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.milestone-bar-fill{background:linear-gradient(90deg,gold,orange);height:100%;transition:width .5s ease}.behavior-insight{background:linear-gradient(90deg,#fff3cd,#fff);border-radius:6px;border-right:3px solid #ffc107;margin-top:15px;padding:12px}.behavior-insight p{color:#333;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.kpis-container{grid-template-columns:1fr}.filter-group,.stats-filters{align-items:stretch;flex-direction:column}.filter-group label{margin-bottom:5px}.custom-range{flex-direction:column}.stats-table-container{overflow-x:scroll}.stats-table{min-width:800px}.stats-section .section-header{align-items:stretch;flex-direction:column;gap:15px}.btn-export{justify-content:center;width:100%}.kpi-card{padding:15px}.kpi-icon{font-size:2rem}.kpi-value{font-size:1.2rem}}.reward-type-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.custom-type-form{background:#f8f9fa;border:2px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.custom-type-row{display:flex;gap:10px;margin-bottom:12px}.custom-type-row input{border:2px solid #d1d5db;border-radius:8px;flex:1 1;font-size:.95rem;padding:10px 14px}.custom-type-row input:focus{border-color:gold;outline:none}.custom-type-options{margin-bottom:12px}.checkbox-label{color:#4b5563;font-size:.9rem;gap:8px}.checkbox-label span{-webkit-user-select:none;user-select:none}.custom-type-actions{display:flex;gap:10px;justify-content:flex-end}.btn-add-custom{background:#f59e0b;border:none;border-radius:8px;color:#111827;cursor:pointer;font-weight:600;padding:10px 14px}.btn-add-custom:hover{background:#d97706}.custom-type-warning{color:#6b7280;font-size:.9rem;margin-top:8px}.type-option{align-items:center;background:#fff;border:2px solid #eee;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:10px 14px;position:relative;transition:all .2s}.type-option:hover{border-color:gold}.edit-type-btn{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#6b7280;display:inline-flex;font-size:.8rem;height:24px;justify-content:center;margin-right:4px;transition:all .2s;width:24px}.edit-type-btn:hover{background-color:#e5e7eb;color:#374151;transform:scale(1.1)}.type-option.selected{background:#fff8e1;border-color:gold}.type-option.add-new-type{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px dashed gold;color:#f59e0b;font-weight:600;transition:all .3s ease}.type-option.add-new-type:hover{background:linear-gradient(135deg,gold,orange);border-color:orange;box-shadow:0 4px 12px #ffd7004d;color:#333;transform:translateY(-2px)}.type-option.add-new-type span{font-size:1.1rem}.btn-cancel-custom{background:#fff;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-weight:600;padding:10px 14px;transition:all .2s}.btn-cancel-custom:hover{background:#ef4444;color:#fff}.btn-cancel{background:#fff;border:2px solid #eee;border-radius:8px;color:#666;font-size:1rem;transition:all .2s}.btn-cancel:hover{background:#f5f5f5;border-color:#ddd}.btn-save{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:8px;color:#333;display:flex;font-size:1rem;font-weight:600;gap:8px;transition:all .2s}.btn-save:hover{box-shadow:0 4px 15px #ffd70066;transform:translateY(-2px)}.customers-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:24px}.customers-table-wrapper{margin-top:16px;overflow-x:auto}.customers-table{font-size:14px}.customers-table td,.customers-table th{padding:12px 16px}.customers-table th{white-space:nowrap}.customers-table tbody tr:hover{background:#f8f9fa}.customers-table .points-badge{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:4px;padding:4px 12px}.customers-table .points-badge.gold{background:linear-gradient(135deg,gold,orange);color:#333}.customers-table .text-success{color:#28a745;font-weight:600}.customers-table .text-danger{color:#dc3545;font-weight:600}.customers-table .milestone-badge{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.customers-table .no-milestone{color:#999;font-size:12px}.empty-state{color:#999}.empty-state .empty-icon{font-size:64px}.customers-modal{max-width:800px;width:95%}.loading-customers{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-customers .spin{animation:spin 1s linear infinite;font-size:48px}.customers-count{background:#f5f5f5;border-radius:8px;font-size:.95rem;margin-bottom:16px;padding:12px 16px}.customers-table{border-collapse:collapse;font-size:.9rem;width:100%}.customers-table td,.customers-table th{border-bottom:1px solid #eee;padding:12px;text-align:right}.customers-table th{background:#f8f9fa;color:#333;font-weight:600}.customers-table tbody tr:hover{background:#f5f5f5}.points-cell .current-points{background:gold;border-radius:12px;color:#333;font-weight:600;padding:4px 10px}.earned-cell{color:#4caf50;font-weight:500}.redeemed-cell{color:#f44336;font-weight:500}.no-customers{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:40px}.no-customers span{font-size:48px;margin-bottom:12px}.btn-icon.customers{background:#2196f3;color:#fff}.btn-icon.customers:hover{background:#1976d2}.customers-section{display:flex;flex-direction:column;gap:24px}.customers-group{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px}.customers-group .section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.customers-group .section-header h2{align-items:center;display:inline-flex;font-size:1.2rem;gap:8px;margin:0}.customers-group .section-header .section-coin{display:inline-block;height:32px;max-height:32px;max-width:32px;object-fit:contain;width:32px}.count-badge{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.85rem;font-weight:600;padding:6px 12px}.current-points.beginner{background:#e8f5e9;color:#388e3c}.remaining-cell{color:#ff9800;font-weight:500}.milestone-badge{align-items:center;border-radius:12px;color:#333;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 10px}.milestone-badge.beginner{background:#e8f5e9;color:#388e3c}.client-methods-section .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.client-methods-section .section-header h2{flex:1 1;margin:0}.client-methods-section .section-description{color:#fff;font-size:.9rem;margin:0;width:100%}.client-methods-list{display:flex;flex-direction:column;gap:1rem}.client-method-card{align-items:center;background:#fff;border-radius:12px;border-right:4px solid #667eea;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .3s ease}.client-method-card:hover{box-shadow:0 4px 15px #0000001f;transform:translateX(-4px)}.client-method-card.inactive{background:#f8f9fa;opacity:.6}.client-method-card.featured{background:linear-gradient(135deg,#fff9e6,#fff);border-right-width:6px}.method-order{background:#e9ecef;border-radius:50%;color:#666;font-size:.85rem;font-weight:600;height:28px;width:28px}.method-icon-box,.method-order{align-items:center;display:flex;justify-content:center}.method-icon-box{border-radius:12px;flex-shrink:0;font-size:1.5rem;height:50px;width:50px}.method-content{flex:1 1;min-width:0}.method-title-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.method-title-row h3{color:#333;font-size:1rem;font-weight:600;margin:0}.featured-badge{background:linear-gradient(135deg,gold,orange);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.method-description{color:#666;font-size:.85rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method-meta{display:flex;flex-wrap:wrap;gap:.75rem}.meta-item{align-items:center;background:#f0f0f0;border-radius:6px;color:#555;display:flex;font-size:.75rem;gap:.25rem;padding:3px 8px}.meta-item.coins{background:linear-gradient(135deg,gold,orange);color:#fff;font-weight:600}.meta-item .mini-coin{height:14px;width:14px}.method-status{flex-shrink:0}.status-toggle{border:none;border-radius:8px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.status-toggle.active{background:#d4edda;color:#155724}.status-toggle.inactive{background:#f8d7da;color:#721c24}.status-toggle:hover{transform:scale(1.05)}.method-actions{display:flex;flex-shrink:0;gap:.5rem}.earn-method-modal{max-height:90vh;max-width:650px;overflow-y:auto}.earn-method-modal .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.earn-method-modal .form-row.checkboxes{display:flex;gap:2rem}.earn-method-modal .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.earn-method-modal .checkbox-label input{height:18px;width:18px}.icon-selector{display:flex;flex-direction:column;gap:.5rem}.icon-options{display:flex;flex-wrap:wrap;gap:4px}.icon-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;height:32px;transition:all .2s;width:32px}.icon-btn:hover{background:#f0f0f0}.icon-btn.active{background:#667eea20;border-color:#667eea}.color-selector{display:flex;flex-direction:column;gap:.5rem}.color-options{display:flex;flex-wrap:wrap;gap:4px}.color-btn{border:2px solid #0000;border-radius:6px;cursor:pointer;height:28px;transition:all .2s;width:28px}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.form-hint{color:#666;font-size:.75rem;margin-top:.25rem}.preview-section{margin-top:1rem;padding-top:1rem}.preview-section label{margin-bottom:.5rem}.method-preview{border-right:4px solid;gap:1rem;padding:1rem}.method-preview,.preview-icon{align-items:center;border-radius:12px;display:flex}.preview-icon{color:#fff;font-size:1.5rem;height:50px;justify-content:center;width:50px}.preview-content{flex:1 1}.preview-content h4{font-size:1rem;margin:0 0 .25rem}.preview-content p{color:#666;font-size:.85rem;margin:0}.preview-coins{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:10px;color:#fff;display:flex;flex-direction:column;padding:.5rem 1rem}.preview-coins .coins-value{font-size:1.25rem;font-weight:700}.preview-coins .coins-label{font-size:.7rem;opacity:.9}.steps-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.step-item{background:#f8f9fa;border-radius:8px;border-right:3px solid #667eea;gap:.75rem;padding:.5rem .75rem}.step-item,.step-number{align-items:center;display:flex}.step-number{background:#667eea;border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.step-text{color:#333;flex:1 1;font-size:.9rem}.btn-remove-step{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;transition:all .2s;width:24px}.btn-remove-step:hover{background:#c82333;transform:scale(1.1)}.add-step-row{display:flex;gap:.5rem}.add-step-row input{flex:1 1}.btn-add-step{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-add-step:hover{background:#218838}@media (max-width:768px){.loyalty-manager{padding:12px}.loyalty-header{padding:16px}.header-title h1{font-size:1.4rem}.loyalty-stats{grid-template-columns:repeat(2,1fr)}.loyalty-tabs{flex-direction:column}.milestone-header,.reward-info,.rule-card{flex-wrap:wrap}}.icon-manager-container{direction:rtl;margin:0 auto;max-width:1400px;padding:20px}.icon-manager-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-right h1{color:#333;font-size:1.8rem;margin:0}.header-right p{color:#666;font-size:.9rem;margin:0}.back-btn{background:#f1f1f1;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.back-btn:hover{background:#e0e0e0}.btn-add-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-add-icon:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.icon-manager-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;min-width:250px;padding:10px 16px}.search-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.category-select{border:1px solid #ddd;font-size:14px;min-width:150px}.category-select,.icons-count{border-radius:8px;padding:10px 16px}.icons-count{background:#f8f9fa;color:#666}.empty-state,.loading-state{color:#666;padding:60px 20px;text-align:center}.empty-state h3{color:#333}.btn-add-first{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:12px 24px}.icons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.icon-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.icon-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.icon-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:120px;padding:20px}.icon-preview,.icon-preview .icon-svg{align-items:center;display:flex;justify-content:center}.icon-preview .icon-svg{height:64px;width:64px}.icon-preview .icon-svg svg{height:100%;width:100%}.icon-preview .icon-img{max-height:64px;max-width:64px;object-fit:contain}.icon-info{border-bottom:1px solid #eee;padding:12px 16px}.icon-name{color:#333;font-size:14px;font-weight:600;margin:0 0 4px;word-break:break-word}.icon-category{background:#f1f1f1;border-radius:4px;color:#888;display:inline-block;font-size:12px;padding:2px 8px}.icon-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.icon-tags .tag{background:#e3f2fd;border-radius:3px;color:#1976d2;font-size:10px;padding:2px 6px}.icon-actions{background:#fafafa;display:flex;gap:8px;justify-content:center;padding:12px}.btn-action{border:none;border-radius:8px;cursor:pointer;font-size:16px;height:36px;transition:transform .2s,background .2s;width:36px}.btn-action.copy{background:#e3f2fd}.btn-action.copy:hover{background:#bbdefb;transform:scale(1.1)}.btn-action.edit{background:#fff3e0}.btn-action.edit:hover{background:#ffe0b2;transform:scale(1.1)}.btn-action.delete{background:#ffebee}.btn-action.delete:hover{background:#ffcdd2;transform:scale(1.1)}.modal-overlay{background:#0009}.modal-content{display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:16px 24px}.btn-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.form-row{display:flex}.form-row .form-group{flex:1 1}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50}.form-group textarea{font-family:monospace;resize:vertical}.preview-section{border-top:1px dashed #ddd;margin-top:16px;padding-top:16px}.preview-section label{color:#333;display:block;font-weight:600;margin-bottom:8px}.preview-box{align-items:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;display:flex;height:80px;justify-content:center;width:80px}.preview-box svg{height:48px;width:48px}.preview-box img{max-height:48px;max-width:48px;object-fit:contain}.modal-footer{background:#fafafa;gap:12px;padding:16px 24px}.label-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.label-with-action label{margin-bottom:0}.btn-clean-svg{background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px;transition:transform .2s,box-shadow .2s}.btn-clean-svg:hover{box-shadow:0 3px 8px #17a2b84d;transform:translateY(-1px)}.btn-clean-svg:active{transform:translateY(0)}.btn-cancel{background:#f1f1f1;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px}.btn-cancel:hover{background:#e0e0e0}.btn-save{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.btn-save:hover:not(:disabled){background:#45a049}.btn-save:disabled{background:#ccc;cursor:not-allowed}.icon-manager-container.dragging{position:relative}.drag-overlay{align-items:center;animation:fadeIn .2s ease;background:#4caf50f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drag-content{background:#ffffff1a;border:3px dashed #ffffff80;border-radius:20px;color:#fff;padding:40px;text-align:center}.drag-icon{animation:bounce 1s infinite;display:block;font-size:5rem;margin-bottom:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drag-content h3{font-size:1.8rem;margin:0 0 8px}.drag-content p{font-size:1rem;margin:0;opacity:.9}.file-upload-area{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.file-input-hidden{display:none}.file-upload-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.file-upload-btn:hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.file-upload-hint{color:#888;font-size:13px}@media (max-width:768px){.icon-manager-header{gap:16px}.header-right,.icon-manager-header{align-items:flex-start;flex-direction:column}.form-row{flex-direction:column;gap:0}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.marketers-page{direction:rtl;padding:20px}.page-header{justify-content:space-between;margin-bottom:24px}.header-right,.page-header{align-items:center;display:flex}.header-right{gap:16px}.btn-back{background:#f0f0f0;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:.95rem;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#e0e0e0;color:#333}.page-header h1{color:#1a1a2e}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 15px #667eea4d;display:flex;gap:16px;padding:20px}.stat-card,.stat-card *{color:#fff!important}.stat-card:nth-child(2){background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #11998e4d}.stat-card:nth-child(3){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb4d}.stat-icon{font-size:2.5rem;opacity:.9}.stat-content{flex:1 1}.stat-value{font-size:1.8rem;font-weight:700;margin-bottom:4px}.stat-label{font-size:.95rem;margin-bottom:8px;opacity:.9}.stat-sub{display:flex;font-size:.85rem;gap:12px;opacity:.85}.stat-sub span{background:#fff3;border-radius:12px;padding:2px 8px}.accounting-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:16px 0;padding:16px}.accounting-section h4{color:#495057;font-size:1rem;margin:0 0 12px}.filters-bar{gap:20px}.search-box{max-width:300px;position:relative;width:300px}.search-box input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:12px 16px 12px 40px;transition:all .3s;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{font-size:1.2rem;left:12px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.filters-bar select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:1rem;margin-right:0;padding:12px 16px;transition:all .3s;width:150px}.filters-bar select:focus{border-color:#667eea;outline:none}.table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow-x:auto;overflow-y:visible}.marketers-table{border-collapse:collapse;min-width:900px;width:100%}.marketers-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:16px;text-align:right}.marketers-table td{border-bottom:1px solid #e9ecef;padding:16px;vertical-align:middle}.marketers-table tr:hover{background:#f8f9fa}.marketer-info{display:flex;flex-direction:column;gap:4px}.marketer-info strong{color:#1a1a2e}.marketer-info .phone{color:#6c757d;direction:ltr;font-size:.85rem;text-align:right}.referral-code{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:6px 12px}.referrals-count{display:flex;flex-direction:column;gap:2px}.referrals-count .total{color:#1a1a2e;font-size:1.1rem;font-weight:600}.referrals-count .completed{color:#28a745;font-size:.8rem}.earnings-info{display:flex;flex-direction:column;gap:2px}.earnings-info .total-earnings{color:#1a1a2e;font-weight:600}.earnings-info .available-balance{color:#28a745;font-size:.8rem}.status-badge{padding:6px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.cancelled{background:#f8d7da;color:#721c24}.actions{display:flex;gap:8px}.btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-icon.view{background:#e3f2fd}.btn-icon.view:hover{background:#bbdefb}.btn-icon.edit{background:#fff3e0}.btn-icon.edit:hover{background:#ffe0b2}.btn-icon.payout{background:#e8f5e9}.btn-icon.payout:hover{background:#c8e6c9}.btn-icon.delete{background:#ffebee}.btn-icon.delete:hover{background:#ffcdd2}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#495057;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s}.btn-secondary:hover{background:#e9ecef}.modal-overlay{padding:20px}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;width:100%}.modal-content.large{max-width:900px}.modal-content.small{max-width:450px}.modal-header{background:#fff;border-bottom:1px solid #e9ecef;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#1a1a2e}.close-btn{background:#f8f9fa;border-radius:50%;color:#6c757d;font-size:1.5rem;height:36px;transition:all .2s;width:36px}.close-btn:hover{background:#e9ecef;color:#1a1a2e}form{padding:24px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#495057;font-size:.95rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:12px 16px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group select.error{border-color:#dc3545}.error-text{color:#dc3545;font-size:.85rem}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1 1}.input-with-button button{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-weight:500;padding:12px 16px;transition:all .2s}.input-with-button button:hover{background:#e9ecef}.form-section{border-top:1px solid #e9ecef;margin-top:24px;padding-top:24px}.form-section h3{font-size:1.1rem;margin:0 0 16px}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.marketer-details{padding:24px}.details-section{margin-bottom:24px}.details-section h3{border-bottom:2px solid #e9ecef;color:#1a1a2e;font-size:1.1rem;margin:0 0 16px;padding-bottom:8px}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{color:#6c757d;font-size:.85rem}.detail-item .value{color:#1a1a2e;font-weight:500}.balance-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.balance-card{border-radius:12px;padding:16px;text-align:center}.balance-card.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.balance-card.pending{background:#fff3cd;color:#856404}.balance-card.paid{background:#d4edda;color:#155724}.balance-card.available{background:#cce5ff;color:#004085}.balance-label{display:block;font-size:.85rem;margin-bottom:8px;opacity:.9}.balance-value{display:block;font-size:1.3rem;font-weight:700}.mini-table{border-collapse:collapse;font-size:.9rem;width:100%}.mini-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px;text-align:right}.mini-table td{border-bottom:1px solid #e9ecef;padding:12px}.mini-table tr:hover{background:#f8f9fa}.loading{color:#6c757d;font-size:1.1rem}.error,.loading{padding:40px;text-align:center}.error{background:#f8d7da;border-radius:12px;color:#dc3545}.no-data{color:#6c757d;padding:40px;text-align:center}.empty-state{padding:60px 20px}.empty-state .empty-icon{margin-bottom:16px}.empty-state h3{color:#1a1a2e;font-size:1.4rem;margin:0 0 8px}.empty-state p{color:#6c757d;font-size:1rem;margin:0 0 20px}.empty-state .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:transform .2s,box-shadow .2s}.empty-state .btn-primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.error-message{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #fc8181;border-radius:12px;color:#c53030;padding:20px;text-align:center}.error-message .error-icon{display:block;font-size:2.5rem;margin-bottom:12px}.error-message p{font-size:1.1rem;margin:0 0 16px}.error-message .btn-retry{background:#c53030;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:background .2s}.error-message .btn-retry:hover{background:#9b2c2c}.header-actions{gap:10px}.btn-success,.header-actions{align-items:center;display:flex}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.btn-success:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-broadcast{align-items:center;background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 18px;transition:all .3s ease}.btn-broadcast:hover{box-shadow:0 4px 12px #17a2b866;transform:translateY(-2px)}.btn-withdrawal-requests{align-items:center;background:linear-gradient(135deg,#6f42c1,#9b59b6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 18px;transition:all .3s ease}.btn-withdrawal-requests:hover{box-shadow:0 4px 12px #6f42c166;transform:translateY(-2px)}.defaults-form{padding:20px}.defaults-info{background:#e8f4fd;border:1px solid #b8daff;border-radius:8px;color:#004085;font-size:.95rem;margin-bottom:20px;padding:12px 16px}.form-section{background:#f8f9fa;border-radius:10px;margin-bottom:16px;padding:16px}.form-section h3{border-bottom:2px solid #e0e0e0;color:#1a1a2e;font-size:1.05rem;margin:0 0 12px;padding-bottom:8px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.quick-add-info{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:.95rem;margin-bottom:20px;padding:12px 16px}.defaults-preview{background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;margin:16px 0;padding:12px 16px}.defaults-preview h4{color:#856404;font-size:.95rem;margin:0 0 10px}.defaults-preview ul{list-style-type:disc;margin:0;padding-right:20px}.defaults-preview li{color:#856404;font-size:.9rem;margin-bottom:4px}.expiry-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 10px}.expiry-badge.valid{background:#d4edda;color:#155724}.expiry-badge.expired{background:#f8d7da;color:#721c24}.expiry-badge.unlimited{background:#e2e3e5;color:#383d41}.form-hint{color:#6c757d;display:block;font-size:.8rem;margin-top:4px}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;justify-content:center}.form-grid,.form-row{grid-template-columns:1fr}.filters-bar{flex-direction:column}.search-box{min-width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.marketers-table{font-size:.8rem;min-width:700px}.marketers-table td,.marketers-table th{padding:10px 6px;white-space:nowrap}.marketers-table td:nth-child(2){min-width:140px}.link-button{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.unread-badge{font-size:.7rem;margin-right:0;margin-top:4px;padding:2px 6px}.actions{flex-wrap:wrap}.action-buttons{display:flex;flex-wrap:wrap;gap:4px}.btn-icon{font-size:.85rem;height:30px;width:30px}.code-badge,.status-badge{font-size:.75rem;padding:4px 8px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}}@media (max-width:480px){.marketers-page{padding:10px}.page-header h1{font-size:1.3rem}.header-actions button{font-size:.8rem;padding:8px 12px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:14px}.stat-icon{font-size:2rem}.stat-value{font-size:1.4rem}.marketers-table{font-size:.75rem;min-width:600px}.marketers-table td,.marketers-table th{padding:8px 4px}.link-button{font-size:.8rem}.unread-badge{font-size:.65rem;padding:1px 5px}.btn-icon{font-size:.75rem;height:26px;width:26px}}.calculated-value{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:8px;display:flex;gap:8px;margin-top:4px;padding:12px 16px}.calculated-value .value-display{color:#2e7d32;font-size:1.5rem;font-weight:700}.calculated-value .value-unit{background:#4caf5033;border-radius:4px;color:#558b2f;font-size:.9rem;padding:4px 8px}.details-tabs{background:#fff;border-bottom:2px solid #eee;display:flex;gap:8px;margin-bottom:0;padding:0 20px;position:-webkit-sticky;position:sticky;top:65px;z-index:9}.details-tabs .tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.details-tabs .tab-btn:hover{background:#f5f5f5;color:#1a1a2e}.details-tabs .tab-btn.active{border-bottom-color:#6c5ce7;color:#6c5ce7;font-weight:600}.details-content{padding-top:16px}.messages-section{display:flex;flex-direction:column;height:400px}.messages-container{background:#f8f9fa;border-radius:8px;flex:1 1;margin-bottom:16px;overflow-y:auto;padding:16px}.empty-messages{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-messages .empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.messages-list{display:flex;flex-direction:column;gap:12px}.message-bubble{border-radius:16px;max-width:75%;padding:12px 16px;position:relative}.message-bubble.sent{align-self:flex-start;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-bottom-left-radius:4px;color:#fff}.message-bubble.received{align-self:flex-end;background:#fff;border:1px solid #e0e0e0;border-bottom-right-radius:4px;color:#333}.message-content{word-wrap:break-word;font-size:.95rem;line-height:1.5}.message-time{font-size:.75rem;margin-top:6px;opacity:.7;text-align:left}.message-bubble.received .message-time{text-align:right}.message-input-form{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:12px;padding:12px}.message-input-form input{border:none;flex:1 1;font-size:1rem;outline:none;padding:8px 12px}.message-input-form .btn-send{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:transform .2s;width:44px}.message-input-form .btn-send:hover:not(:disabled){transform:scale(1.1)}.message-input-form .btn-send:disabled{cursor:not-allowed;opacity:.5}.unread-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 8px}.unread-badge.action-badge{cursor:pointer;margin-right:6px}.index-cell{align-items:center;display:flex;flex-wrap:wrap;gap:6px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #ff6b6b66;transform:scale(1)}50%{box-shadow:0 0 0 6px #ff6b6b00;transform:scale(1.05)}}.link-button{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:inline-flex;font-size:inherit;font-weight:600;gap:4px;padding:0}.link-button:hover{color:#764ba2;text-decoration:underline}.broadcast-modal{max-height:85vh;max-width:700px;width:95%}.broadcast-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:8px;padding:16px}.broadcast-tabs .tab-btn{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:all .2s}.broadcast-tabs .tab-btn:hover{background:#f0f0f0}.broadcast-tabs .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.broadcast-form{padding:20px}.broadcast-form .form-group{margin-bottom:16px}.broadcast-form label{color:#495057;display:block;font-weight:600;margin-bottom:6px}.broadcast-form input,.broadcast-form select,.broadcast-form textarea{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:10px 12px;width:100%}.broadcast-form textarea{min-height:120px;resize:vertical}.marketers-checklist{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;max-height:200px;overflow-y:auto;padding:12px}.checkbox-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 0}.checkbox-item input[type=checkbox]{width:auto}.status-dot{border-radius:50%;height:8px;margin-right:auto;width:8px}.status-dot.active{background:#28a745}.status-dot.inactive{background:#dc3545}.btn-send-broadcast{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:all .2s;width:100%}.btn-send-broadcast:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-send-broadcast:disabled{cursor:not-allowed;opacity:.6}.templates-section{padding:20px}.btn-add-template{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;margin-bottom:16px;padding:10px 20px}.btn-add-template:hover{background:#218838}.template-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:20px;padding:20px}.template-form h4{color:#1a1a2e;margin:0 0 16px}.template-form .form-group{margin-bottom:12px}.template-form label{color:#495057;display:block;font-weight:600;margin-bottom:6px}.template-form input,.template-form select,.template-form textarea{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:10px 12px;width:100%}.template-form-actions{display:flex;gap:10px;margin-top:16px}.template-form-actions .btn-save{background:#28a745}.template-form-actions .btn-cancel,.template-form-actions .btn-save{border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 24px}.template-form-actions .btn-cancel{background:#6c757d}.templates-list{display:flex;flex-direction:column;gap:12px}.template-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px;transition:all .2s}.template-card:hover{box-shadow:0 4px 12px #0000001a}.template-card.inactive{background:#f8f9fa;opacity:.6}.template-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.template-category{background:#e9ecef;border-radius:6px;font-size:.85rem;padding:4px 8px}.template-name{color:#1a1a2e;flex:1 1;font-weight:600}.template-usage{color:#6c757d;font-size:.8rem}.template-content{background:#f8f9fa;border-radius:8px;color:#495057;font-size:.9rem;line-height:1.5;margin-bottom:12px;padding:10px;white-space:pre-wrap}.template-actions{display:flex;gap:8px}.template-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.template-actions .btn-use{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.template-actions .btn-edit{background:#ffc107;color:#212529}.template-actions .btn-delete{background:#dc3545;color:#fff}.broadcast-history{padding:20px}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid #e9ecef;padding:12px;text-align:right}.history-table th{background:#f8f9fa;color:#495057;font-weight:600}.history-table .content-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{color:#6c757d;padding:40px;text-align:center}.referrals-section{max-height:none;overflow:visible;padding:20px}.referrals-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:25px}.referrals-stats-grid .stat-box{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .3s ease}.referrals-stats-grid .stat-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.referrals-stats-grid .stat-box.highlight{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#81c784}.referrals-stats-grid .stat-icon{font-size:1.5rem}.referrals-stats-grid .stat-value{color:#1a5d1a;font-size:1.3rem;font-weight:700}.referrals-stats-grid .stat-label{color:#666;font-size:.8rem}.referrals-section .customers-list{margin-top:20px;max-height:none;overflow:visible}.referrals-section .customers-list h4{border-bottom:2px solid #e0e0e0;color:#333;font-size:1rem;margin:0 0 15px;padding-bottom:10px}.referrals-section .customer-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:10px;overflow:hidden;transition:all .3s ease}.referrals-section .customer-card:hover{box-shadow:0 4px 12px #00000014}.referrals-section .customer-card.expanded{border-color:#1a5d1a;box-shadow:0 4px 16px #1a5d1a26}.referrals-section .customer-header{align-items:center;background:linear-gradient(135deg,#fafafa,#fff);cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:background .3s ease}.referrals-section .customer-header:hover{background:linear-gradient(135deg,#f0f0f0,#fafafa)}.referrals-section .customer-info{align-items:center;display:flex;gap:10px}.referrals-section .customer-number{background:#1a5d1a;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px}.referrals-section .customer-phone{color:#666;direction:ltr;font-size:.9rem}.referrals-section .customer-summary{align-items:center;display:flex;gap:15px}.referrals-section .orders-count{background:#f0f0f0;border-radius:20px;color:#666;font-size:.85rem;padding:4px 10px}.referrals-section .commission-total{color:#1a5d1a;font-size:.9rem;font-weight:600}.referrals-section .expand-icon{color:#999;font-size:.8rem}.customer-details-expanded{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:15px}.details-mini-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.detail-mini{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:10px;text-align:center}.detail-mini .label{color:#888;display:block;font-size:.75rem;margin-bottom:4px}.detail-mini .value{color:#333;font-size:.9rem;font-weight:600}.detail-mini .value.highlight{color:#1a5d1a}.orders-table{margin-top:15px}.orders-table h5{border-bottom:1px dashed #ddd;color:#555;font-size:.9rem;margin:0 0 10px;padding-bottom:8px}.order-row,.orders-header-row{grid-gap:10px;align-items:center;display:grid;font-size:.85rem;gap:10px;grid-template-columns:60px 1fr 80px 80px 80px;padding:8px 12px}.orders-header-row{background:#f0f0f0;color:#666;font-weight:600}.order-row,.orders-header-row{border-radius:6px;margin-bottom:5px}.order-row{background:#fff;border:1px solid #eee}.order-row .order-id{color:#1a5d1a;font-weight:600}.order-row .order-date{color:#888;font-size:.8rem}.order-row .order-status{border-radius:12px;font-size:.75rem;font-weight:500;padding:3px 8px;text-align:center}.order-row .order-status.completed{background:#e8f5e9;color:#2e7d32}.order-row .order-status.pending{background:#fff3e0;color:#ef6c00}.order-row .order-status.cancelled{background:#ffebee;color:#c62828}.order-row .order-discount{color:#2196f3;text-align:center}.order-row .order-commission{color:#1a5d1a;font-weight:600;text-align:left}@media (max-width:768px){.details-mini-grid,.referrals-stats-grid{grid-template-columns:repeat(2,1fr)}.order-row,.orders-header-row{font-size:.8rem;grid-template-columns:50px 1fr 60px 60px 60px}}.withdrawal-requests-page{direction:rtl;padding:20px}.page-header{margin-bottom:25px}.page-header .header-right{align-items:center;display:flex;gap:15px;margin-bottom:5px}.page-header .btn-back{background:#f0f0f0;border:none;border-radius:8px;color:#555;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.page-header .btn-back:hover{background:#e0e0e0;color:#333}.page-header h1{color:#2c5530;font-size:1.8rem;margin:0}.page-header p{color:#666;margin:0}.filters-bar{background:#f8f9fa;border-radius:10px;gap:15px;margin-bottom:20px;padding:15px}.filter-group,.filters-bar{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#333;font-weight:600}.filter-group select{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:8px 12px}.btn-refresh{background:#2c5530;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:auto;padding:8px 16px}.btn-refresh:hover{background:#1e3d22}.empty-state,.error-state,.loading-state{color:#666;padding:60px 20px;text-align:center}.empty-state .empty-icon{display:block;font-size:4rem;margin-bottom:15px}.error-state{color:#e74c3c}.requests-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;overflow-x:auto}.requests-table{border-collapse:collapse;width:100%}.requests-table td,.requests-table th{border-bottom:1px solid #eee;padding:15px;text-align:right}.requests-table th{background:#f8f9fa;color:#333;font-weight:600}.requests-table tbody tr:hover{background:#f8f9fa}.partner-info{display:flex;flex-direction:column;gap:3px}.partner-info strong{color:#333}.partner-info small{color:#888;font-size:.85rem}.amount-cell{color:#2c5530;font-weight:600}.status-badge{border-radius:20px;display:inline-block;font-weight:500;padding:5px 12px}.btn-details,.status-badge{color:#fff;font-size:.85rem}.btn-details{background:#3498db;border:none;border-radius:5px;cursor:pointer;padding:6px 12px}.btn-details:hover{background:#2980b9}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:85vh;max-width:550px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;font-size:1.3rem;margin:0}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.8rem;line-height:1}.close-btn:hover{color:#333}.modal-body{padding:20px}.detail-section{margin-bottom:20px}.detail-section h3{border-bottom:1px solid #eee;color:#2c5530;font-size:1rem;margin:0 0 12px;padding-bottom:8px}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.detail-row span:first-child{color:#666}.detail-row strong{color:#333}.detail-row .amount{color:#2c5530;font-size:1.1rem}.detail-section textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.95rem;padding:12px;resize:none;width:100%}.detail-section textarea:focus{border-color:#2c5530;outline:none}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px}.btn-approve{background:#27ae60;color:#fff}.btn-approve:hover{background:#219a52}.btn-reject{background:#e74c3c;color:#fff}.btn-reject:hover{background:#c0392b}.btn-complete{background:#2c5530;color:#fff}.btn-complete:hover{background:#1e3d22}.btn-close{background:#95a5a6;color:#fff}.btn-close:hover{background:#7f8c8d}button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.filters-bar{align-items:stretch;flex-direction:column}.btn-refresh{margin-right:0}.requests-table td,.requests-table th{font-size:.9rem;padding:10px 8px}}