@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-main:#f8fafc;--surface-main:#fff;--surface-subtle:#f0f4f9;--surface-light:#fff;--surface-hover:#e2eaf4;--surface-glass:#ffffffeb;--border-color:#e1e7ef;--border-subtle:#edf2f7;--border-focus:#0b3b70;--text-main:#0c1e38;--text-muted:#566a85;--text-tertiary:#8fa0b5;--primary:#0b3b70;--primary-hover:#082d57;--primary-subtle:#0b3b7014;--secondary:#08c;--secondary-hover:#0077b3;--secondary-subtle:#0088cc1a;--cyan-accent:#00b4d8;--success:#059669;--success-bg:#05966914;--success-border:#05966940;--danger:#dc2626;--danger-bg:#dc262614;--danger-border:#dc262640;--warning:#d97706;--warning-bg:#d9770614;--warning-border:#d9770640;--djezzy:#dc2626;--mobilis:#16a34a;--ooredoo:#e11d48;--at:#0284c7;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff0d}.app-container{height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.content-area{flex:1;padding:2rem;overflow-y:auto}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 6px #0b3b7038}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0b3b704d}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background:#fff}.btn-outline:hover{background:var(--surface-subtle);border-color:var(--secondary);color:var(--primary)}.card{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .25s;box-shadow:0 1px 4px #0b3b700a}.card:hover{border-color:#b9d0ec;transform:translateY(-2px);box-shadow:0 6px 20px #0b3b7012}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.4s forwards fadeIn}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--text-muted);font-size:.875rem;font-weight:600}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);background:#fff;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #0b3b701f}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:var(--surface-subtle);padding:.85rem 1rem;font-size:.78rem;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid var(--border-color);color:var(--text-main);padding:1rem;font-size:.9rem}.data-table tbody tr{transition:all .15s}.data-table tbody tr:hover{background:var(--surface-subtle)}.data-table tbody tr:last-child td{border-bottom:none}.modal-content{background:var(--surface-main);border-radius:var(--radius-xl);border:1px solid var(--border-color);animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 20px 45px -10px #0b3b7040}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.btn-fancy-close,.close-btn{background:var(--surface-subtle);border:1px solid var(--border-color);width:34px;min-width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-fancy-close:hover,.close-btn:hover{transform:scale(1.06)rotate(90deg);background:var(--danger-bg)!important;border-color:var(--danger-border)!important;color:var(--danger)!important}.btn-fancy-close:active,.close-btn:active{transform:scale(.94)rotate(90deg)}.btn-fancy-print{background:var(--surface-subtle);border:1px solid var(--border-color);width:34px;min-width:34px;height:34px;color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-fancy-print:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.btn-fancy-print:active{transform:translateY(0)}.btn-fancy-delete{background:var(--danger-bg);border:1px solid var(--danger-border);width:34px;min-width:34px;height:34px;color:var(--danger);cursor:pointer;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-fancy-delete:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-1px);box-shadow:0 2px 6px #dc262633}.btn-fancy-delete:active{transform:translateY(0)}@media (width<=900px){.app-container{flex-direction:column;height:100vh;overflow:hidden}.main-content{width:100%;height:100%}.content-area{padding:1rem .85rem;overflow-x:hidden}.grid-cards{grid-template-columns:1fr;gap:1rem}.crm-modal-content,.admin-modal-content,.modal-content{width:96%!important;max-width:96%!important;max-height:92vh!important;margin:1rem auto!important;padding:1rem!important}.table-responsive,.debts-table-container,.versements-table-card,.records-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.admin-header,.debts-header,.versements-header{flex-direction:column;align-items:flex-start!important;gap:.85rem!important}.admin-header-actions,.search-bar{width:100%!important}}.sidebar{border-right:1px solid var(--border-color);background:var(--surface-main);flex-direction:column;width:270px;height:100vh;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);padding:1.5rem 1.25rem}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-icon{background:var(--primary);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;box-shadow:0 2px 6px #0b3b7033}.logo-text{color:var(--text-main);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.text-primary{color:var(--secondary);font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem .75rem;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:.25rem;display:flex}.nav-label{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:.4rem;padding-left:.75rem;font-size:.72rem;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--surface-subtle);color:var(--primary)}.nav-item.active{color:var(--primary);border-left:3px solid var(--secondary);background:#eef5fc;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:700}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem .75rem}.text-danger{color:var(--danger)}.text-danger:hover{background:var(--danger-bg);color:var(--danger)}.sidebar-mobile-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.35rem;display:none}.sidebar-mobile-close-btn:hover{background:var(--surface-subtle);color:var(--text-main)}.sidebar-mobile-backdrop{display:none}@media (width<=900px){.sidebar{z-index:1050;width:280px;max-width:85vw;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 10px 30px #0003}.sidebar.mobile-open{transform:translate(0)}.sidebar-mobile-close-btn{justify-content:center;align-items:center;display:inline-flex}.sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1040;background:#0c1e3873;animation:.2s fadeIn;display:block;position:fixed;inset:0}}.admin-topbar{border-bottom:1px solid var(--border-color);background:var(--surface-main);z-index:40;justify-content:space-between;align-items:center;height:60px;min-height:60px;padding:0 1.75rem;display:flex;box-shadow:0 1px 3px #00000005}.admin-topbar-left{align-items:center;gap:1rem;display:flex}.admin-topbar-badge{color:var(--text-muted);background:var(--surface-light);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.admin-topbar-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.admin-topbar-right{align-items:center;gap:1rem;display:flex}.admin-topbar-time{color:var(--text-muted);border-right:1px solid var(--border-color);align-items:center;gap:.4rem;padding-right:.5rem;font-size:.8rem;font-weight:600;display:flex}.notif-trigger-btn{background:var(--surface-main);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.notif-trigger-btn:hover{background:var(--surface-subtle);color:var(--text-main);border-color:#cbd5e1;transform:translateY(-1px)}.notif-trigger-btn.active{background:var(--surface-subtle);border-color:var(--primary);color:var(--text-main)}.notif-badge-pill{background:var(--danger);color:#fff;border:2px solid var(--surface-main);border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.notif-dropdown-overlay{z-index:990;position:fixed;inset:0}.notif-dropdown-panel{background:var(--surface-main);border:1px solid var(--border-color);z-index:1000;border-radius:16px;flex-direction:column;width:400px;max-width:92vw;max-height:520px;animation:.2s ease-out slideDownFade;display:flex;position:absolute;top:54px;right:1.5rem;overflow:hidden;box-shadow:0 15px 45px #0f172a1f}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{border-bottom:1px solid var(--border-color);background:var(--surface-subtle);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.notif-header-title{color:var(--text-main);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:800;display:flex}.notif-header-actions{align-items:center;gap:.5rem;display:flex}.notif-mark-read-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.75rem;font-weight:600;transition:all .15s}.notif-mark-read-btn:hover{background:var(--surface-subtle);color:var(--text-main)}.notif-tabs{border-bottom:1px solid var(--border-color);background:var(--surface-main);padding:0 .5rem;display:flex}.notif-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .5rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.notif-tab:hover{color:var(--text-main)}.notif-tab.active{color:var(--text-main);border-bottom-color:var(--primary);font-weight:700}.notif-list{flex-direction:column;flex:1;gap:.4rem;padding:.5rem;display:flex;overflow-y:auto}.notif-item{background:var(--surface-main);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.85rem;padding:.75rem .85rem;transition:all .15s;display:flex;position:relative}.notif-item:hover{background:var(--surface-subtle);border-color:#cbd5e1;transform:translateY(-1px)}.notif-item.unread{background:var(--surface-subtle);border-color:var(--border-color)}.notif-item.unread:before{content:"";background:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.notif-icon-box{border-radius:8px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;display:flex}.notif-icon-box.danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.notif-icon-box.warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.notif-icon-box.info{background:var(--surface-subtle);color:var(--text-main);border:1px solid var(--border-color)}.notif-icon-box.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.notif-content{flex:1;min-width:0}.notif-item-title{color:var(--text-main);margin-bottom:.15rem;font-size:.82rem;font-weight:700;line-height:1.3}.notif-item-desc{color:var(--text-muted);word-break:break-word;font-size:.75rem;line-height:1.35}.notif-item-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.35rem;font-size:.68rem;font-weight:600;display:flex}.notif-category-pill{text-transform:uppercase;background:#0000000f;border-radius:4px;padding:1px 6px;font-size:.65rem}.notif-item-dismiss{opacity:0;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .15s}.notif-item:hover .notif-item-dismiss{opacity:1}.notif-item-dismiss:hover{color:#ef4444;background:#ef44441a}.notif-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.admin-mobile-menu-btn{background:var(--surface-subtle);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:.45rem;display:none}.admin-mobile-menu-btn:hover{background:var(--surface-hover);color:var(--primary)}@media (width<=900px){.admin-topbar{padding:0 1rem}.admin-mobile-menu-btn{display:inline-flex}.admin-topbar-time{display:none}.notif-dropdown-panel{width:320px;max-width:90vw;right:-10px}}.login-container{background:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:2.5rem;box-shadow:0 20px 45px -10px #0b3b7026}.login-header{text-align:center;margin-bottom:2rem}.login-header .logo-container{justify-content:center;margin-bottom:1rem}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-form .input-group{margin-bottom:.5rem}.login-form .input-field{width:100%}.login-btn{width:100%;margin-top:1rem;padding:.875rem;font-size:1rem}.login-footer{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.875rem}.profile-selection-container{background-color:var(--bg-main);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.profile-header{text-align:center;margin-bottom:4rem}.profile-logo{border-radius:var(--radius-md);object-fit:cover;width:80px;height:80px;margin-bottom:1.5rem;box-shadow:0 8px 20px #0000001a}.profile-header h1{color:var(--text-main);letter-spacing:-.5px;font-size:2.5rem;font-weight:700}.profiles-grid{flex-wrap:nowrap;justify-content:center;gap:2rem;width:100%;max-width:1200px;display:flex}.profile-card{background:var(--surface-main);border-radius:var(--radius-lg);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;width:200px;height:120px;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000000d}.profile-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.profile-name{color:var(--text-main);font-size:1.5rem;font-weight:700}.profile-card:hover .profile-name{color:var(--primary)}.pin-entry-container{border-radius:var(--radius-xl);text-align:center;width:100%;max-width:400px;padding:3rem}.selected-profile-info h2{margin-bottom:.5rem;font-size:1.5rem}.selected-profile-info p{color:var(--text-muted);margin-bottom:2rem}.pin-form{flex-direction:column;gap:1.5rem;display:flex}.pin-input{text-align:center;letter-spacing:.5rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-main);outline:none;width:100%;padding:1rem;font-size:2rem;transition:border-color .2s}.pin-input:focus{border-color:var(--primary)}.pin-actions{gap:1rem;display:flex}.pin-actions .btn{flex:1;padding:1rem;font-size:1.1rem}.cashier-container{flex-direction:column;gap:1.75rem;width:100%;max-width:1120px;height:100%;margin:0 auto;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.page-title{margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:.875rem}.quick-stats{border-radius:var(--radius-lg);background:var(--surface-main);border:1px solid var(--border-color);padding:.85rem 1.25rem;box-shadow:0 1px 3px #00000005}.stat{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.stat-value{color:var(--success);font-size:1.5rem;font-weight:700}.stat-value small{font-size:.875rem;font-weight:500}.cashier-content{flex-direction:column;gap:1.5rem;width:100%;display:flex}.operators-container{flex-direction:column;width:100%;display:flex}.operators-scroll{grid-template-columns:repeat(5,1fr);gap:1.15rem;display:grid}.operator-item{cursor:pointer;flex-direction:column;align-items:center;gap:.65rem;display:flex}.operator-card{background:var(--surface-main);border:1px solid var(--border-color);border-radius:18px;justify-content:center;align-items:center;width:100%;height:135px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000a}.action-buttons{border-radius:var(--radius-lg);background:var(--surface-main);border:1px solid var(--border-color);gap:.85rem;padding:.85rem 1rem;display:flex;box-shadow:0 1px 3px #00000005}.action-buttons .btn{border-radius:var(--radius-md);flex:1;padding:.75rem 1rem;font-size:.92rem;font-weight:600;transition:all .15s}.btn-action-depot,.btn-action-retrait{border:1px solid var(--border-color);color:var(--text-main);background:var(--surface-subtle)}.btn-action-depot:hover,.btn-action-retrait:hover{background:var(--surface-hover);border-color:#cbd5e1}.btn-action-close-shift{border:1px solid var(--danger-border);color:var(--danger);background:var(--danger-bg)}.btn-action-close-shift:hover{background:#dc262624}.operator-card:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(135deg,#ffffff40 0%,#ffffff0d 50%,#0000000d 51%,#0003 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.operator-item:hover .operator-card{border-color:#b9d0ec;transform:translateY(-2px);box-shadow:0 6px 20px #0b3b7014}.operator-item.selected .operator-card{box-shadow:0 0 0 2px var(--secondary), 0 8px 24px #0b3b701f;border-color:var(--secondary);transform:translateY(-2px)}.op-logo{z-index:1;justify-content:center;align-items:center;width:80%;height:80%;display:flex}.op-logo img{object-fit:contain;max-width:100%;max-height:100%;transition:all .2s}.text-logo,.icon-logo{color:var(--text-main);transition:color .2s}.op-name{color:var(--text-main);text-align:center;font-size:.9rem;font-weight:600;transition:all .2s}.operator-item.selected .op-name{color:var(--primary);font-weight:700}.transaction-panel{border-radius:var(--radius-xl);flex-direction:column;flex:1.2;padding:2rem;display:flex}.panel-title{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;font-size:1.25rem;font-weight:600}.transaction-form{flex-direction:column;flex:1;gap:1.5rem;display:flex}.quick-amounts{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.quick-amount-btn{background:var(--surface-subtle);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.quick-amount-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.submit-btn{border-radius:var(--radius-lg);margin-top:auto;padding:1rem;font-size:1.125rem}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.client-info-card{background:var(--surface-main);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;animation:.3s slideUp}.client-info-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.client-info-header h4{color:var(--text-main);flex:1;margin:0;font-size:1.1rem}.client-details-grid{grid-template-columns:1fr;gap:1rem;display:grid}.detail-item{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.detail-item strong{color:var(--text-main);margin-left:auto}.detail-item .text-danger{color:#ef4444}.receipt{color:#000;text-align:center;background:#fff;border:1px solid #ddd;width:100%;max-width:350px;margin:0 auto;padding:20px;font-family:Courier New,Courier,monospace;box-shadow:0 4px 15px #0000000d}.receipt-header h2{margin:0 0 5px;font-size:1.5rem;font-weight:800}.receipt-header p{color:#555;margin:0;font-size:.85rem}.receipt-date{margin-top:10px!important;font-size:.8rem!important}.receipt-divider{border-top:1px dashed #000;margin:15px 0}.receipt-details{flex-direction:column;gap:8px;display:flex}.receipt-row{justify-content:space-between;font-size:.9rem;display:flex}.receipt-pin-section{background:#f9f9f9;border:1px dashed #aaa;padding:15px 0}.receipt-pin-section p{margin:0 0 5px;font-size:.8rem;font-weight:700}.receipt-pin{letter-spacing:2px;margin:0;font-size:1.5rem;font-weight:900}@media print{@page{margin:0;size:80mm auto}body{background:#fff;margin:0;padding:0}.page-header,.operators-container,.receipt-actions,.no-print{display:none!important}#root,.cashier-container,.cashier-content,.transaction-panel,.adsl-flow,.game-flow,.client-info-card,.receipt-container{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}#print-receipt{width:72mm;box-shadow:none;color:#000;border:none;margin:0;padding:5mm;font-family:Courier New,Courier,monospace;font-size:12px;position:absolute;top:0;left:0}.receipt-header h2{font-size:18px}.receipt-header p,.receipt-date{font-size:12px!important}.receipt-pin-section{background:#fff;border:1px solid #000}.receipt-pin{font-weight:900;font-size:18px!important}#print-receipt .receipt-details,#print-receipt .receipt-row{justify-content:space-between;display:flex!important}}@media screen and (width<=1024px){.operators-scroll{grid-template-columns:repeat(5,1fr);gap:.85rem}.operator-card{height:120px}}@media screen and (width<=768px){.operators-scroll{grid-template-columns:repeat(2,1fr);gap:.75rem}.page-header{flex-direction:column;align-items:flex-start}.action-buttons{flex-direction:column}}.cashier-operator-modal{box-sizing:border-box;width:100%;flex-direction:column!important;max-width:660px!important;max-height:min(92vh,860px)!important;padding:1.6rem 1.85rem!important;display:flex!important;overflow:hidden!important}.cashier-modal-body{flex:1;margin-right:-.35rem;padding-right:.35rem;overflow:hidden auto}.cashier-modal-body::-webkit-scrollbar{width:5px}.cashier-modal-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:999px}.cashier-modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.cashier-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.cashier-operator-modal .cust-trans-bar{margin-bottom:.95rem;padding:.8rem 1rem}.cashier-action-modal{box-sizing:border-box;width:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;background:var(--surface-main)!important;border:1px solid var(--border-color)!important;border-radius:18px!important;flex-direction:column!important;max-width:580px!important;max-height:min(92vh,880px)!important;padding:1.6rem 1.85rem!important;display:flex!important;box-shadow:0 25px 60px #0f172a33!important}.cashier-action-modal-body{flex-direction:column;flex:1;gap:1.15rem;margin-right:-.35rem;padding-right:.35rem;display:flex;overflow:visible auto}.modal-action-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.modal-action-title-wrap{align-items:center;gap:.85rem;display:flex}.modal-action-icon-badge{border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:inline-flex}.modal-action-icon-badge.badge-depot{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.modal-action-icon-badge.badge-retrait{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.modal-action-title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.modal-action-subtitle{color:var(--text-muted);margin:.2rem 0 0;font-size:.825rem}.modal-action-type-tabs{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:.5rem;margin-bottom:.35rem;display:grid}.type-tab-btn{border:1px solid var(--border-color);background:var(--surface-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .5rem;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.type-tab-btn:hover:not(.active){background:var(--surface-hover);color:var(--primary);border-color:#b9d0ec;transform:translateY(-1px)}.type-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #0b3b7038}.sub-selection-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.45rem;margin-top:.5rem;display:grid}.sub-select-pill{border:1.5px solid var(--border-color);background:var(--surface-main);color:var(--text-main);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:.5rem .4rem;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.sub-select-pill:hover:not(.active){border-color:var(--primary);background:var(--surface-hover)}.sub-select-pill.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0284c747}.modal-action-category-pills{flex-wrap:wrap;gap:.45rem;margin-bottom:.35rem;display:flex}.category-pill-btn{border:1px solid var(--border-color);background:var(--surface-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.38rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.category-pill-btn:hover:not(.active){background:var(--surface-hover);color:var(--text-main)}.category-pill-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.amount-input-container{align-items:center;display:flex;position:relative}.amount-input-adornment-left{color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.modal-action-amount-input{box-sizing:border-box;width:100%;padding:.85rem 4rem .85rem 2.8rem;font-size:1.35rem;transition:all .2s;color:var(--text-main)!important;background:var(--surface-main)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;font-weight:700!important}.modal-action-amount-input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.modal-action-amount-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.modal-action-amount-input,.no-spinner{appearance:textfield!important}.modal-action-amount-input:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px #0f172a14!important}.amount-input-adornment-right{color:var(--text-muted);pointer-events:none;font-size:.85rem;font-weight:700;position:absolute;right:1rem}.quick-chips-wrap{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.quick-chip{border:1px solid var(--border-color);background:var(--surface-subtle);color:var(--text-main);cursor:pointer;border-radius:6px;padding:.3rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s}.quick-chip:hover{background:var(--surface-hover);color:var(--primary);border-color:#cbd5e1}.modal-action-notice{border-radius:10px;align-items:center;gap:.6rem;margin-top:.25rem;padding:.65rem .85rem;font-size:.825rem;font-weight:500;display:flex}.modal-action-notice.notice-depot{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.modal-action-notice.notice-retrait{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.modal-action-footer{gap:.85rem;margin-top:1.35rem;display:flex}.modal-action-footer .btn{border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.cust-trans-bar{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-lg,14px);box-sizing:border-box;flex-direction:column;gap:.65rem;width:100%;margin-bottom:1.25rem;padding:.75rem .85rem;transition:all .2s;display:flex;position:relative}.cust-trans-bar:hover{border-color:#cbd5e1}.cust-trans-customer-row{box-sizing:border-box;width:100%}.cust-search-zone{box-sizing:border-box;align-items:center;gap:.5rem;width:100%;display:flex;position:relative}.cust-search-input-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.cust-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.85rem}.cust-search-input{background:var(--surface-main);border:1px solid var(--border-color);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:10px;padding:.65rem 2.2rem .65rem 2.4rem;font-size:.92rem;transition:all .2s}.cust-search-input:focus{border-color:var(--primary);background:var(--surface-main);outline:none;box-shadow:0 0 0 2px #0f172a14}.cust-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:.75rem}.cust-clear-btn:hover{color:var(--text-main)}.cust-add-icon-btn{background:var(--surface-subtle);border:1px solid var(--border-color);width:38px;min-width:38px;height:38px;color:var(--text-main);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.cust-add-icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 6px #0f172a26}.cust-dropdown-list{background:var(--surface-main);border:1px solid var(--border-color);z-index:100;border-radius:12px;max-height:220px;padding:.35rem;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.cust-dropdown-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:.6rem .75rem;transition:all .15s;display:flex}.cust-dropdown-item:hover{background:var(--surface-hover)}.cust-item-left{align-items:center;gap:.65rem;min-width:0;display:flex}.cust-avatar-sm{background:var(--surface-subtle);width:32px;min-width:32px;height:32px;color:var(--text-main);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.cust-item-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.cust-item-sub{color:var(--text-muted);gap:.5rem;font-size:.75rem;display:flex}.cust-item-badges{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.cust-badge-pts{color:var(--warning);background:var(--warning-bg);border:1px solid var(--warning-border);white-space:nowrap;border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.cust-badge-debt{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);white-space:nowrap;border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.cust-attached-card{box-sizing:border-box;background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;animation:.2s fadeInScale;display:flex}.cust-attached-info{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.cust-attached-details{flex-direction:column;flex:1;min-width:0;display:flex}.cust-attached-title{color:var(--text-main);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;display:flex}.cust-attached-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.cust-attached-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1px;font-size:.76rem;display:flex}.cust-attached-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.cust-pill-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.cust-pill-fill{background:var(--surface-main);border:1px solid var(--border-color);color:var(--text-main)}.cust-pill-fill:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.cust-pill-detach{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.cust-pill-detach:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.cust-trans-payment-row{box-sizing:border-box;width:100%}.cust-payment-toggle{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.cust-pay-btn{border:1px solid var(--border-color);background:var(--surface-subtle);cursor:pointer;color:var(--text-muted);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.cust-pay-btn.active-cash{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 3px #0f172a26}.cust-pay-btn.active-debt{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 1px 3px #dc262633}.cust-pay-btn:hover:not(.active-cash):not(.active-debt){background:var(--surface-main);color:var(--text-main);border-color:#cbd5e1}.cust-debt-advance-box{background:#fdfaf8;border:1px solid #fed7aa;border-radius:10px;flex-direction:column;gap:.5rem;margin-top:.65rem;padding:.75rem .85rem;animation:.2s fadeIn;display:flex}.cust-debt-advance-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cust-debt-advance-title{color:#9a3412;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;display:flex}.cust-debt-advance-calc{color:var(--text-muted);font-size:.82rem}.cust-debt-advance-calc strong{color:var(--danger);font-weight:800}.cust-debt-advance-input-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.cust-debt-advance-input-wrap{flex:1;align-items:center;min-width:140px;display:flex;position:relative}.cust-debt-advance-input{width:100%;color:var(--text-main);box-sizing:border-box;background:#fff;border:1.5px solid #fdba74;border-radius:8px;outline:none;padding:.45rem 2.2rem .45rem .75rem;font-size:.95rem;font-weight:700;transition:all .2s}.cust-debt-advance-input:focus{border-color:var(--warning);box-shadow:0 0 0 3px #f9731626}.cust-debt-advance-unit{color:var(--text-muted);pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;right:.65rem}.cust-debt-advance-shortcuts{align-items:center;gap:.35rem;display:flex}.cust-advance-pill{color:#9a3412;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fed7aa;border-radius:6px;padding:.3rem .6rem;font-size:.72rem;font-weight:600;transition:all .15s}.cust-advance-pill:hover{background:#ffedd5;border-color:#f97316}.cust-debt-advance-note{color:var(--text-muted);font-size:.75rem;line-height:1.35}.quick-cust-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.quick-cust-modal{background:var(--surface-main);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:480px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;box-shadow:0 20px 45px #00000026}.quick-cust-header{border-bottom:1px solid var(--border-color);background:var(--surface-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.quick-cust-title{color:var(--text-main);align-items:center;gap:.65rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.quick-cust-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.quick-cust-close:hover{color:var(--text-main);background:var(--surface-hover)}.quick-cust-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.quick-cust-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.quick-cust-field{flex-direction:column;gap:.35rem;display:flex}.quick-cust-label{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.quick-cust-input{background:var(--surface-main);border:1px solid var(--border-color);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:10px;padding:.75rem .85rem;font-size:.95rem;transition:all .2s}.quick-cust-input:focus{border-color:var(--primary);background:var(--surface-main);outline:none;box-shadow:0 0 0 2px #0f172a14}.quick-cust-footer{gap:.75rem;margin-top:.5rem;display:flex}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.caisse-drawer-bar{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:.85rem;padding:.6rem 1.15rem;transition:border-color .15s;display:flex;box-shadow:0 1px 3px #00000005}.caisse-drawer-bar:hover{border-color:#cbd5e1}.caisse-block{flex-direction:column;gap:.25rem;padding:.1rem .25rem;display:flex}.caisse-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:flex}.caisse-label.label-sales{color:#059669}.caisse-label.label-out{color:#dc2626}.caisse-label.label-current{color:var(--text-muted)}.caisse-value-row{align-items:baseline;gap:.3rem;display:flex}.caisse-amount{letter-spacing:-.01em;font-size:1.25rem;font-weight:800;line-height:1.2}.caisse-amount.amount-sales{color:#059669}.caisse-amount.amount-out{color:#dc2626}.caisse-amount.amount-current{color:var(--text-main)}.caisse-currency{color:var(--text-muted);font-size:.75rem;font-weight:600}.caisse-input-container{background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;padding:.2rem .5rem;transition:all .15s;display:flex}.caisse-input-container:hover{border-color:#94a3b8}.caisse-input-container:focus-within{background:var(--surface-main);border-color:var(--primary);box-shadow:0 0 0 2px #0f172a14}.caisse-input{width:70px;color:var(--text-main);letter-spacing:-.01em;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:1.15rem;font-weight:800}.caisse-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.caisse-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.caisse-input[type=number]{-moz-appearance:textfield}.caisse-input-unit{color:var(--text-muted);-webkit-user-select:none;user-select:none;margin-left:.25rem;font-size:.72rem;font-weight:700}.caisse-math-sign{color:#94a3b8;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.caisse-divider{border-left:1.5px dashed #cbd5e1;flex-shrink:0;width:0;height:32px;margin:0 .45rem}.caisse-visibility-btn{background:var(--surface-subtle);border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;margin-left:.35rem;transition:all .15s;display:inline-flex}.caisse-visibility-btn:hover{background:var(--surface-hover);color:var(--text-main);border-color:#94a3b8}.caisse-input-masked{letter-spacing:2px}.caisse-amount.masked{letter-spacing:2px;opacity:.75;font-size:1.15rem}@media (width<=1024px){.caisse-drawer-bar{flex-wrap:wrap;gap:.75rem}}.cashier-records-page{flex-direction:column;gap:1.35rem;max-width:1350px;margin:0 auto;padding:1.75rem 2rem;display:flex}.records-top-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.records-badge-cashier{background:var(--surface-subtle);border:1px solid var(--border-color);color:var(--text-muted);border-radius:20px;align-items:center;gap:.45rem;margin-bottom:.45rem;padding:.28rem .65rem;font-size:.78rem;display:inline-flex}.records-badge-cashier strong{color:var(--primary);font-weight:700}.records-main-title{color:var(--text-main);letter-spacing:-.02em;align-items:center;gap:.65rem;margin:0 0 .35rem;font-size:1.75rem;font-weight:800;display:flex}.records-main-title .title-icon{color:var(--primary)}.records-main-subtitle{color:var(--text-muted);margin:0;font-size:.88rem}.btn-records-refresh{border:1px solid var(--border-color);background:var(--surface-main);color:var(--text-main);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-records-refresh:hover:not(:disabled){background:var(--surface-hover);border-color:#cbd5e1}.records-control-card{border:1px solid var(--border-color);background:var(--surface-main);border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.period-toggle-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:95px;font-size:.825rem;font-weight:700}.period-segmented-switch{background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.period-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.period-btn:hover:not(.active){color:var(--text-main)}.period-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0f172a26}.past-presets-row{border-top:1px dashed var(--border-color);flex-wrap:wrap;align-items:center;gap:1rem;padding-top:.85rem;display:flex}.past-pills-wrap{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.past-pill{border:1px solid var(--border-color);background:var(--surface-subtle);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:.35rem .8rem;font-size:.8rem;font-weight:600;transition:all .15s}.past-pill:hover:not(.active){background:var(--surface-hover);color:var(--text-main)}.past-pill.active{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.records-date-picker{border:1px solid var(--border-color);background:var(--surface-main);color:var(--text-main);border-radius:8px;padding:.35rem .75rem;font-size:.825rem}.records-filter-toolbar{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;display:flex}.records-search-box{flex:1;min-width:260px;position:relative}.records-search-box .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.records-search-input{border:1px solid var(--border-color);background:var(--surface-subtle);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:10px;padding:.65rem 1rem .65rem 2.4rem;font-size:.88rem;transition:all .2s}.records-search-input:focus{border-color:var(--border-focus);background:var(--surface-main);outline:none;box-shadow:0 0 0 3px #0b3b701f}.records-operator-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.op-filter-tab{border:1px solid var(--border-color);background:var(--surface-main);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.op-filter-tab:hover:not(.active){color:var(--primary);background:var(--surface-subtle);border-color:#b9d0ec}.op-filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 6px #0b3b7033}.records-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.record-kpi-card{border:1px solid var(--border-color);background:var(--surface-main);border-radius:14px;align-items:center;gap:1rem;padding:1.15rem 1.35rem;display:flex}.kpi-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.kpi-icon-wrap.icon-count{color:#0284c7;background:#0ea5e91f}.kpi-icon-wrap.icon-volume{color:var(--primary);background:#6366f11f}.kpi-icon-wrap.icon-profit{color:var(--success);background:#10b9811f}.kpi-label{color:var(--text-muted);margin-bottom:.2rem;font-size:.8rem;font-weight:500;display:block}.kpi-val{color:var(--text-main);font-size:1.35rem;font-weight:800}.records-table-card{border:1px solid var(--border-color);background:var(--surface-main);border-radius:16px;overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.records-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.records-table thead th{background:var(--surface-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.9rem 1.15rem;font-size:.76rem;font-weight:700}.records-table tbody tr.records-row{border-bottom:1px solid var(--border-color);transition:background .15s}.records-table tbody tr.records-row:hover{background:#ffffff08}.records-table tbody td{vertical-align:middle;padding:.95rem 1.15rem}.tx-id-pill{color:var(--text-muted);font-family:monospace;font-size:.825rem;font-weight:700}.tx-time-col{flex-direction:column;display:flex}.tx-time-main{color:var(--text-main);font-size:.875rem;font-weight:600}.tx-time-sub{color:var(--text-muted);font-size:.75rem}.tx-operator-badge{white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.28rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.tx-phone-col{flex-direction:column;display:flex}.tx-phone-text{color:var(--text-main);font-weight:600}.tx-customer-name{color:var(--text-muted);font-size:.75rem}.payment-pill{text-transform:uppercase;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.payment-pill.payment-cash{color:var(--success);background:#10b9811f}.payment-pill.payment-card{color:var(--primary);background:#6366f11f}.payment-pill.payment-debt{color:var(--danger);background:#ef44441f}.tx-amount-text{color:var(--text-main);font-size:.98rem;font-weight:700}.tx-profit-text{color:var(--success);font-size:.9rem;font-weight:600}.status-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.status-pill.status-completed{color:var(--success);background:#10b9811f}.status-pill.status-voided{color:var(--danger);background:#ef44441f}.btn-print-ticket{border:1px solid var(--border-color);background:var(--surface-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-print-ticket:hover{background:var(--surface-hover);color:var(--text-main);border-color:#cbd5e1}.records-loading-state,.records-empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.records-empty-state h3{color:var(--text-main);margin:0 0 .4rem;font-size:1.2rem}.records-empty-state p{margin:0;font-size:.9rem}.debts-container{max-width:1400px;margin:0 auto;padding:2rem}.debts-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.debts-table-container{background:var(--surface-main);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000014}.debts-table{border-collapse:collapse;width:100%}.debts-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--border-color);background:#00000005;padding:1.25rem 1.5rem;font-size:.8rem;font-weight:600}.debts-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1.25rem 1.5rem}.debts-table tr:hover{background:#00000004}.debt-client-info{flex-direction:column;gap:.25rem;display:flex}.debt-client-name{color:var(--text-main);font-size:1rem;font-weight:700}.debt-client-phone{color:var(--text-muted);font-size:.85rem}.debt-status-pill{border-radius:4px;align-items:center;gap:.25rem;padding:.12rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.debt-status-pill.unpaid{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.debt-status-pill.settled{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.debt-progress-bar{background:var(--surface-subtle,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;width:100%;height:6px;margin:.35rem 0;overflow:hidden}.debt-progress-fill{background:var(--success);border-radius:10px;height:100%;transition:width .3s}.debt-actions{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-debt-manage{background:var(--surface-main);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-debt-manage:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 10px #0f172a26}.btn-debt-manage:active{transform:translateY(0)}.btn-debt-pay{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.3rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #05966914}.btn-debt-pay:hover{background:var(--success);color:#fff;border-color:var(--success);transform:translateY(-1px);box-shadow:0 4px 10px #05966940}.btn-debt-pay:active{transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0b23418c;justify-content:center;align-items:center;padding:2rem 1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content-premium{background:var(--surface-main);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 25px 50px -12px #0b3b7040}.modal-header-premium{border-bottom:1px solid var(--border-color);background:var(--surface-main);flex-shrink:0;justify-content:space-between;align-items:center;padding:2rem 2.5rem 1.5rem;display:flex}.modal-header-premium h2{color:var(--text-main);margin:0;font-size:1.5rem;font-weight:700}.modal-body-premium{flex:1;padding:2rem 2.5rem;overflow-y:auto}.input-premium{border:2px solid var(--border-color);background:var(--surface-main);width:100%;color:var(--text-main);border-radius:12px;padding:1rem 1.25rem 1rem 3rem;font-size:1rem;transition:all .2s}.input-premium:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 4px #0b3b701f}.input-icon-wrapper{margin-bottom:1.25rem;position:relative}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.debt-summary-card{background:linear-gradient(135deg,#2563eb0d 0%,#2563eb26 100%);border:1px solid #2563eb33;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.debt-stat-row{justify-content:space-between;margin-top:1rem;display:flex}.debt-stat{flex-direction:column;display:flex}.debt-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.debt-stat-val{color:var(--text-main);font-size:1.25rem;font-weight:800}.payment-history-timeline{border-left:2px solid var(--border-color);margin-bottom:2rem;margin-left:1rem;padding-left:1.5rem}.timeline-item{margin-bottom:1.5rem;position:relative}.timeline-item:before{content:"";background:var(--success);border:2px solid var(--surface-main);border-radius:50%;width:12px;height:12px;position:absolute;top:.25rem;left:-1.85rem}.timeline-item h4{color:var(--text-main);margin:0 0 .25rem;font-size:.95rem}.timeline-item p{color:var(--text-muted);margin:0;font-size:.85rem}.receive-payment-box{background:var(--surface-main);border:1px dashed var(--primary);text-align:center;border-radius:16px;padding:1.5rem}.crm-container{flex-direction:column;gap:2rem;height:100%;display:flex}.crm-header{justify-content:space-between;align-items:center;display:flex}.search-bar{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:.5rem;width:300px;padding:.5rem 1rem;display:flex}.search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1}.customers-table-container{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex:1;overflow:hidden}.customers-table{border-collapse:collapse;text-align:left;width:100%}.customers-table th,.customers-table td{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.customers-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff05;font-size:.875rem;font-weight:600}.customers-table tr:last-child td{border-bottom:none}.customers-table tbody tr:hover{background:#ffffff05}.customer-name{align-items:center;gap:.75rem;font-weight:600;display:flex}.customer-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.badge{border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-active{color:var(--success);background:#22c55e1a}.action-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:.5rem;transition:all .2s}.action-btn:hover{color:var(--text-main);background:#ffffff1a}@media screen and (width<=768px){.crm-header{flex-direction:column;align-items:stretch;gap:1rem}.crm-header>div:last-child{flex-direction:column}.search-bar{width:100%}.customers-table-container{overflow-x:auto}}.crm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.crm-modal-content{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:600px;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUp;overflow:hidden;box-shadow:0 24px 50px #0000004d}.crm-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.crm-modal-header h2{color:var(--text-main);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.crm-modal-body{padding:1.5rem}.crm-form-row{gap:1rem;margin-bottom:1.25rem;display:flex}.crm-form-group{flex:1;margin-bottom:1.25rem}.crm-form-row .crm-form-group{margin-bottom:0}.crm-form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.crm-input-wrapper{align-items:center;display:flex;position:relative}.crm-input-wrapper .icon{color:var(--text-muted);position:absolute;left:1rem}.crm-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-main);width:100%;color:var(--text-main);padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;transition:all .2s}.crm-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f126}.crm-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.pop-badge{color:var(--ooredoo);text-transform:uppercase;background:#ed1c241a;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.versements-page{max-width:1400px;margin:0 auto;padding:1.5rem}.versements-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.versements-stats-grid{grid-templateColumns:repeat(auto-fit, minmax(240px, 1fr));gap:1.25rem;margin-bottom:1.75rem;display:grid}.versements-table-card{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-lg,14px);overflow:hidden;box-shadow:0 4px 14px #00000008}.versements-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.versements-table th{background:var(--surface-subtle);border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:1rem 1.2rem;font-size:.76rem;font-weight:600}.versements-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:1rem 1.2rem}.versements-table tbody tr:hover{background:#ffffff05}.badge-active{color:var(--success,#10b981);background:#10b9811f;border:1px solid #10b98140;border-radius:9999px;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-block}.badge-settled{background:var(--surface-subtle);color:var(--text-muted);border:1px solid var(--border-color);border-radius:9999px;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-block}.reports-page{max-width:1200px;margin:0 auto;padding:2rem}.reports-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.reports-header h1{color:var(--text-main);align-items:center;gap:.75rem;font-size:2rem;font-weight:700;display:flex}.reports-content{border-radius:var(--radius-xl);padding:2rem}.reports-content h2{color:var(--text-main);margin-bottom:1rem;font-size:1.25rem}.reports-loading,.reports-empty{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-size:1.1rem}.advances-page{max-width:1200px;margin:0 auto;padding:2rem}.advances-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.advances-header h1{color:var(--text-main);align-items:center;gap:.75rem;font-size:2rem;font-weight:700;display:flex}.advances-content{border-radius:var(--radius-xl);padding:1.5rem}.advances-loading,.advances-empty{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-size:1.1rem}.status-badge{border-radius:var(--radius-sm);text-transform:capitalize;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-badge.pending{color:var(--warning);background:#f59e0b1a}.status-badge.approved{color:var(--success);background:#10b9811a}.status-badge.rejected{color:var(--danger);background:#ef44441a}.action-buttons-mini{gap:.5rem;display:flex}.btn-mini{border-radius:var(--radius-sm);cursor:pointer;color:#fff;border:none;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.settings-page{max-width:800px;margin:0 auto;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:var(--text-main);align-items:center;gap:.75rem;font-size:2rem;font-weight:700;display:flex}.settings-content{border-radius:var(--radius-xl);padding:2rem}.settings-section{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2rem}.settings-section:last-of-type{border-bottom:none;margin-bottom:1.5rem}.settings-section h2{color:var(--primary);margin-bottom:1.5rem;font-size:1.25rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-main);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group .help-text{color:var(--text-muted);margin-top:.25rem;font-size:.8rem;display:block}.save-btn{width:100%;padding:1rem;font-size:1.1rem}.settings-loading{text-align:center;color:var(--text-muted);padding:3rem}.admin-page-container{flex-direction:column;gap:1.5rem;padding-bottom:3rem;animation:.25s ease-out fadeIn;display:flex}.admin-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.25rem;display:flex}.admin-header-title{color:var(--text-main);letter-spacing:-.02em;align-items:center;gap:.75rem;margin:0;font-size:1.6rem;font-weight:800;display:flex}.admin-header-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.admin-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0b3b7033}.admin-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0b3b7047}.admin-btn-secondary{background:var(--surface-main);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-btn-secondary:hover{background:var(--surface-subtle);color:var(--primary);border-color:#b9d0ec;transform:translateY(-1px)}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.admin-kpi-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-main);align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0b3b700a}.admin-kpi-card:hover{border-color:#b9d0ec;transform:translateY(-2px);box-shadow:0 6px 20px #0b3b7014}.admin-kpi-icon{background:var(--surface-subtle);width:44px;min-width:44px;height:44px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.admin-kpi-info{flex-direction:column;min-width:0;display:flex}.admin-kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.78rem;font-weight:600}.admin-kpi-value{color:var(--text-main);letter-spacing:-.02em;margin-top:.15rem;font-size:1.5rem;font-weight:800}.admin-kpi-value small{color:var(--text-muted);margin-left:.25rem;font-size:.85rem;font-weight:600}.admin-kpi-sub{color:var(--text-muted);margin-top:.2rem;font-size:.75rem}.admin-toolbar{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-main);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.admin-search-wrapper{flex:1;align-items:center;min-width:240px;max-width:400px;display:flex;position:relative}.admin-search-wrapper svg{color:var(--text-muted);pointer-events:none;position:absolute;left:.85rem}.admin-search-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:#fff;border-radius:8px;outline:none;padding:.55rem 1rem .55rem 2.4rem;font-size:.85rem;transition:all .2s}.admin-search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0b3b701f}.admin-filter-pills{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-pill{border:1px solid var(--border-color);background:var(--surface-main);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-pill:hover{color:var(--primary);background:var(--surface-subtle);border-color:#b9d0ec}.admin-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 6px #0b3b7033}.admin-table-card{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--surface-main);overflow:hidden;box-shadow:0 1px 3px #0f172a08}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--surface-subtle);border-bottom:1px solid var(--border-color);padding:.85rem 1.25rem;font-size:.75rem;font-weight:700}.admin-table td{color:var(--text-main);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.95rem 1.25rem;font-size:.875rem}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:var(--surface-subtle)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-badge{letter-spacing:.01em;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.74rem;font-weight:700;display:inline-flex}.admin-badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.admin-badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.admin-badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.admin-badge-primary,.admin-badge-info{background:var(--surface-subtle);color:var(--text-main);border:1px solid var(--border-color)}.admin-badge-neutral{background:var(--surface-subtle);color:var(--text-muted);border:1px solid var(--border-color)}.admin-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.admin-modal-content{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:550px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 25px 60px #0000004d}.admin-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.admin-modal-title{color:var(--text-main);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.admin-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.admin-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.admin-form-group{flex-direction:column;gap:.4rem;display:flex}.admin-form-group label{color:var(--text-main);font-size:.8rem;font-weight:600}.admin-form-input{border:1px solid var(--border-color);background:var(--bg-main);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.875rem;transition:all .2s}.admin-form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0f172a14}.admin-action-btn{background:var(--surface-subtle);border:1px solid var(--border-color);width:32px;min-width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.admin-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 6px #0f172a26}.admin-action-btn.delete:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 2px 6px #dc262633}.admin-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.admin-empty-icon{width:64px;height:64px;color:var(--text-muted);opacity:.6;background:#0000000a;border-radius:50%;justify-content:center;align-items:center;display:flex}.live-store-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;display:grid}.live-cashier-card{background:var(--surface-main);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:1.15rem;padding:1.35rem 1.5rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 20px #00000008}.live-cashier-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000012}.live-cashier-header{justify-content:space-between;align-items:flex-start;display:flex}.live-cashier-store-info{flex-direction:column;gap:.35rem;display:flex}.live-store-name{color:var(--text-main);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.live-cashier-name{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.85rem;font-weight:500;display:flex}.live-status-pill{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.live-status-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.live-cash-section{flex-direction:column;gap:.25rem;padding-bottom:.5rem;display:flex}.live-cash-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:.7rem;font-weight:700}.live-cash-amount{color:var(--text-main);letter-spacing:-.02em;align-items:baseline;gap:.35rem;font-size:1.65rem;font-weight:800;display:flex}.live-cash-currency{color:var(--text-muted);font-size:1.25rem;font-weight:700}.live-resume-grid{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:.85rem 1.25rem;padding:.85rem 0;display:grid}.live-resume-item{flex-direction:column;gap:.15rem;display:flex}.live-resume-label{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.live-resume-val{color:var(--text-main);font-size:.95rem;font-weight:700}.live-resume-sub{color:var(--text-muted);font-size:.72rem;font-weight:500}.live-ledger-button{border:1px solid var(--border-color);background:var(--surface-subtle);width:100%;color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.live-ledger-button:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.sim-operators-list{flex-direction:column;gap:1.25rem;display:flex}.sim-operator-banner{background:var(--surface-main);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.sim-operator-banner:before{content:"";background:var(--brand-accent,var(--primary));width:5px;position:absolute;top:0;bottom:0;left:0}.sim-operator-banner:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0d}.sim-operator-banner.selected{border-color:var(--brand-accent,var(--primary));box-shadow:0 0 0 1px var(--brand-accent,var(--primary)), 0 8px 25px #0000000f}.sim-operator-identity{align-items:center;gap:1.25rem;min-width:200px;display:flex}.sim-logo-frame{background:#fff;border:1px solid #00000014;border-radius:12px;justify-content:center;align-items:center;width:90px;height:56px;padding:6px 10px;display:flex;box-shadow:0 2px 8px #0000000a}.sim-logo-img{object-fit:contain;max-width:100%;max-height:100%}.sim-operator-title{flex-direction:column;gap:.25rem;display:flex}.sim-operator-name{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:800}.sim-ussd-badge{color:var(--text-muted);background:#0000000d;border-radius:6px;align-items:center;gap:.35rem;padding:2px 8px;font-family:monospace;font-size:.75rem;font-weight:700;display:inline-flex}.sim-fields-container{flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:center;gap:1.25rem;display:flex}.sim-field-box{background:var(--surface-light);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex:170px;gap:.25rem;min-width:170px;padding:.85rem 1.25rem;transition:all .2s;display:flex}.sim-field-box:hover{border-color:var(--brand-accent,var(--primary));background:var(--surface-main);box-shadow:0 4px 15px #0000000a}.sim-field-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.72rem;font-weight:700}.sim-field-value{color:var(--text-main);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.sim-field-box-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.sim-field-box-clickable:hover{transform:translateY(-2px);border-color:var(--brand-accent,var(--primary))!important;box-shadow:0 6px 20px #00000014!important}.sim-stock-modal-sides{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.sim-stock-modal-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.35rem;padding:1.15rem 1.25rem;display:flex}.sim-stock-modal-card.admin{border-color:var(--border-color);background:var(--surface-subtle)}.sim-stock-modal-card.shop{border-color:var(--success-border);background:var(--success-bg)}.sim-stock-modal-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.75rem;font-weight:700}.sim-stock-modal-card-value{letter-spacing:-.02em;color:var(--text-main);font-size:1.6rem;font-weight:800}.sim-stock-modal-card-sub{color:var(--text-muted);font-size:.75rem}.sim-stock-actions-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.sim-stock-action-panel{background:var(--surface-main);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.sim-stock-action-panel-title{color:var(--text-main);align-items:center;gap:.45rem;margin:0;font-size:.95rem;font-weight:700;display:flex}.mobilis-offers-grid{grid-template-columns:repeat(4,1fr);gap:.35rem;margin-top:.35rem;display:grid}.mobilis-offer-pill{background:#54b84814;border:1px solid #54b84840;border-radius:6px;flex-direction:column;align-items:center;padding:2px 4px;display:flex}.mobilis-offer-pill-tag{color:#15803d;letter-spacing:-.02em;font-size:.62rem;font-weight:700}.mobilis-offer-pill-qty{color:var(--text-main);font-size:.76rem;font-weight:800;line-height:1.1}.sim-offer-breakdown-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-top:1rem;display:grid}.sim-offer-breakdown-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:.25rem;padding:.75rem .85rem;display:flex}.sim-offer-breakdown-header{justify-content:space-between;align-items:center;display:flex}.sim-offer-badge-name{color:#54b848;font-size:.72rem;font-weight:700}.sim-offer-breakdown-total{color:var(--text-main);font-size:1.15rem;font-weight:800}.sim-offer-breakdown-split{color:var(--text-muted);justify-content:space-between;font-size:.7rem;display:flex}.loyalty-rules-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;display:grid}.loyalty-rule-card{background:var(--surface-main);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.loyalty-rule-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0f}.loyalty-rule-card-header{border-bottom:2px solid var(--border-color);align-items:center;gap:.65rem;padding-bottom:.85rem;display:flex}.loyalty-rule-card-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.loyalty-input-group{flex-direction:column;gap:.45rem;display:flex}.loyalty-input-label{color:var(--text-main);font-size:.82rem;font-weight:700}.loyalty-input-field{border:1px solid var(--border-color);background:var(--bg-main);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.95rem;font-weight:700;transition:all .2s}.loyalty-input-field:focus{border-color:var(--primary);background:var(--surface-main);box-shadow:0 0 0 3px #6366f11f}.loyalty-tiers-card{background:var(--surface-main);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0f172a0a}.loyalty-tiers-card-header{border-bottom:2px solid var(--border-color);align-items:center;gap:.65rem;padding-bottom:.85rem;display:flex}.loyalty-tiers-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;display:grid}.loyalty-tier-item{flex-direction:column;gap:.45rem;display:flex}.loyalty-tier-label{color:var(--text-main);white-space:nowrap;font-size:.82rem;font-weight:700}