@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";.broadcast-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:broadcastOverlayIn .3s ease-out;padding:20px}@keyframes broadcastOverlayIn{0%{opacity:0}to{opacity:1}}.broadcast-popup{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:24px;width:100%;max-width:480px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;overflow:hidden;position:relative;animation:broadcastPopIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes broadcastPopIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.broadcast-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#ff6b6b);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.broadcast-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;opacity:0;animation:confettiFall 3s ease-in-out forwards}.confetti-piece:nth-child(1){left:10%;animation-delay:.1s;background:#ff6b6b;transform:rotate(45deg)}.confetti-piece:nth-child(2){left:20%;animation-delay:.3s;background:#ffd93d;border-radius:50%}.confetti-piece:nth-child(3){left:30%;animation-delay:.2s;background:#6bcb77;transform:rotate(30deg)}.confetti-piece:nth-child(4){left:40%;animation-delay:.5s;background:#4d96ff;border-radius:2px}.confetti-piece:nth-child(5){left:50%;animation-delay:.15s;background:#ff9ff3;transform:rotate(60deg)}.confetti-piece:nth-child(6){left:60%;animation-delay:.4s;background:#ffd93d;border-radius:50%;width:8px;height:8px}.confetti-piece:nth-child(7){left:70%;animation-delay:.25s;background:#ff6b6b;border-radius:2px}.confetti-piece:nth-child(8){left:80%;animation-delay:.35s;background:#6bcb77;transform:rotate(15deg)}.confetti-piece:nth-child(9){left:90%;animation-delay:.45s;background:#4d96ff;border-radius:50%;width:6px;height:6px}.confetti-piece:nth-child(10){left:15%;animation-delay:.55s;background:#ff9ff3;transform:rotate(90deg)}.confetti-piece:nth-child(11){left:35%;animation-delay:.6s;background:#ffd93d;border-radius:2px;width:12px;height:6px}.confetti-piece:nth-child(12){left:55%;animation-delay:.7s;background:#6bcb77;border-radius:50%}.confetti-piece:nth-child(13){left:75%;animation-delay:.8s;background:#ff6b6b;transform:rotate(120deg)}.confetti-piece:nth-child(14){left:85%;animation-delay:.9s;background:#4d96ff;width:8px;height:12px}.confetti-piece:nth-child(15){left:45%;animation-delay:1s;background:#ff9ff3;border-radius:50%;width:7px;height:7px}@keyframes confettiFall{0%{top:-10px;opacity:1;transform:translate(0) rotate(0)}to{top:100%;opacity:0;transform:translate(var(--drift, 30px)) rotate(720deg)}}.confetti-piece:nth-child(odd){--drift: 40px}.confetti-piece:nth-child(2n){--drift: -35px}.confetti-piece:nth-child(3n){--drift: 55px}.confetti-piece:nth-child(3n+1){--drift: -50px}.broadcast-icon-area{display:flex;align-items:center;justify-content:center;padding:32px 24px 16px;position:relative;z-index:1}.broadcast-icon{font-size:64px;line-height:1;animation:iconBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,215,61,.4))}@keyframes iconBounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.1) rotate(5deg)}}.broadcast-content{padding:8px 32px 24px;text-align:center;position:relative;z-index:1}.broadcast-title{font-size:22px;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.5px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.3)}.broadcast-message{font-size:16px;color:#ffffffd9;line-height:1.7;margin:0 0 8px;white-space:pre-wrap;word-break:break-word}.broadcast-sender{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffffff73;font-size:12px;margin-top:16px}.broadcast-sender svg{opacity:.6}.broadcast-actions{padding:16px 32px 28px;display:flex;justify-content:center;position:relative;z-index:1}.broadcast-dismiss-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 40px;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;letter-spacing:.3px}.broadcast-dismiss-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.broadcast-dismiss-btn:active{transform:translateY(0)}.broadcast-counter{position:absolute;top:16px;right:20px;background:#ffffff26;color:#ffffffb3;font-size:12px;padding:4px 10px;border-radius:20px;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[dir=rtl] .broadcast-counter{right:auto;left:20px}.broadcast-send-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:broadcastOverlayIn .2s ease-out;padding:20px}.broadcast-send-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;box-shadow:0 20px 60px #0000004d;animation:broadcastPopIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.broadcast-send-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.broadcast-send-header h3{margin:0;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.broadcast-send-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.broadcast-send-close:hover{background:#ffffff4d}.broadcast-send-body{padding:24px}.broadcast-form-group{margin-bottom:20px}.broadcast-form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.broadcast-form-group input,.broadcast-form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box;color:#1f2937}.broadcast-form-group input:focus,.broadcast-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.broadcast-form-group textarea{min-height:100px;resize:vertical}.broadcast-icon-picker{display:flex;gap:8px;flex-wrap:wrap}.broadcast-icon-option{width:44px;height:44px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.broadcast-icon-option:hover{border-color:#667eea;background:#eef2ff}.broadcast-icon-option.selected{border-color:#667eea;background:#eef2ff;box-shadow:0 0 0 3px #667eea33}.broadcast-send-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.broadcast-cancel-btn{padding:10px 24px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.broadcast-cancel-btn:hover{background:#f3f4f6;border-color:#d1d5db}.broadcast-submit-btn{padding:10px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d;display:flex;align-items:center;gap:8px}.broadcast-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.broadcast-submit-btn:disabled{opacity:.6;cursor:not-allowed}.broadcast-success-toast{background:#10b981;color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;margin-top:12px;animation:broadcastPopIn .3s ease-out}.broadcast-preview{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:16px;padding:20px;text-align:center;margin-top:8px;position:relative;overflow:hidden}.broadcast-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#ff6b6b);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.broadcast-preview-icon{font-size:36px;margin-bottom:8px}.broadcast-preview-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}.broadcast-preview-message{font-size:13px;color:#ffffffb3;white-space:pre-wrap}.broadcast-preview-label{font-size:11px;color:#9ca3af;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.broadcast-target-toggle{display:flex;gap:8px;margin-bottom:12px}.broadcast-target-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;font-family:inherit}.broadcast-target-btn:hover{border-color:#667eea;color:#667eea}.broadcast-target-btn.active{border-color:#667eea;background:#eef2ff;color:#667eea;box-shadow:0 0 0 3px #667eea26}.broadcast-user-picker{margin-top:8px;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;animation:broadcastPopIn .2s ease-out}.broadcast-user-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid #e5e7eb;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;background:#f9fafb}.broadcast-user-search:focus{background:#fff}.broadcast-user-list{max-height:180px;overflow-y:auto;padding:4px}.broadcast-user-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:13px}.broadcast-user-item:hover{background:#f3f4f6}.broadcast-user-item.selected{background:#eef2ff}.broadcast-user-item input[type=checkbox]{width:16px;height:16px;accent-color:#667eea;flex-shrink:0;cursor:pointer}.broadcast-user-name{flex:1;font-weight:600;color:#1f2937}.broadcast-user-role{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:20px}.broadcast-user-count{padding:8px 14px;font-size:12px;font-weight:600;color:#667eea;background:#eef2ff;border-top:1px solid #e5e7eb;text-align:center}.broadcast-user-empty{padding:20px;text-align:center;color:#9ca3af;font-size:13px}.broadcast-image-wrapper{margin:12px 0 16px;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.broadcast-image{width:100%;max-height:400px;object-fit:contain;display:block}.broadcast-image-upload{border:2px dashed #d1d5db;border-radius:14px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s;color:#9ca3af;background:#fafafa}.broadcast-image-upload:hover{border-color:#667eea;background:#f5f3ff;color:#667eea}.broadcast-image-upload span{font-size:14px;font-weight:500}.broadcast-image-upload-hint{font-size:12px!important;color:#c4c4c4!important;font-weight:400!important}.broadcast-image-preview-container{position:relative;border-radius:14px;overflow:hidden;border:2px solid #e5e7eb}.broadcast-image-preview-thumb{width:100%;max-height:200px;object-fit:cover;display:block}.broadcast-image-remove{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #0000004d}[dir=rtl] .broadcast-image-remove{right:auto;left:8px}.broadcast-image-remove:hover{background:#dc2626;transform:scale(1.1)}.broadcast-preview-image{width:100%;max-height:140px;object-fit:cover;border-radius:10px;margin:8px 0}.broadcast-send-body{padding:24px;max-height:65vh;overflow-y:auto}.broadcast-popup{max-height:90vh;overflow-y:auto}@media (max-width: 480px){.broadcast-popup{max-width:100%;border-radius:20px}.broadcast-content{padding:8px 20px 20px}.broadcast-title{font-size:18px}.broadcast-message{font-size:14px}.broadcast-icon{font-size:48px}.broadcast-image{max-height:180px}.broadcast-send-modal{max-width:100%}.broadcast-send-body{padding:16px;max-height:55vh}.broadcast-send-footer{flex-direction:column}.broadcast-cancel-btn,.broadcast-submit-btn{width:100%;justify-content:center}}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#1e1b4b,#312e81);color:#fff;display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;z-index:100;transition:width .3s ease}.sidebar.collapsed{width:70px}.sidebar-header{padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);min-height:80px;gap:var(--spacing-2)}.logo{display:flex;align-items:center;gap:var(--spacing-3)}.logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.logo-img{width:160px;height:70px;border-radius:var(--radius-lg);object-fit:contain;background:#fff;padding:2px;max-width:100%;flex-shrink:0}.logo-text{font-size:var(--text-xl);font-weight:700;background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.collapse-btn,.close-btn{background:#ffffff1a;border:none;color:#e7b761;width:32px;height:32px;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.collapse-btn:hover,.close-btn:hover{background:#fff3}.collapse-btn svg.rotated{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);color:#ffffffb3;text-decoration:none;transition:all var(--transition-base);position:relative}.nav-item svg{transition:transform var(--transition-base)}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translate(-3px)}.nav-item:hover svg{transform:scale(1.1)}.nav-item.active{background:#ffffff26;color:#fff;box-shadow:inset 3px 0 #fff}.sidebar.collapsed .nav-item{justify-content:center}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.user-avatar{width:42px;height:42px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);box-shadow:0 0 0 3px #fff3}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:var(--text-sm)}.user-role{font-size:var(--text-xs);color:#fff9}.logout-btn{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);background:#ef444433;border:none;border-radius:var(--radius-lg);color:#fca5a5;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:#ef44444d}.sidebar.collapsed .logout-btn{justify-content:center}.main-content{flex:1;margin-right:260px;padding:var(--spacing-6);transition:margin-right .3s ease}.main-content.expanded{margin-right:70px}.mobile-header,.mobile-overlay{display:none}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width: 1024px){.main-content{padding:var(--spacing-4)}}@media (max-width: 768px){.sidebar{transform:translate(100%);width:280px;box-shadow:-4px 0 20px #0000004d;z-index:200;overflow-y:auto}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .nav-item{justify-content:flex-start}.sidebar.collapsed .nav-item span,.sidebar.collapsed .logo-text,.sidebar.collapsed .user-info,.sidebar.collapsed .logout-btn span{display:flex!important}.sidebar .nav-item span,.sidebar .logo-text{display:inline!important}.sidebar .user-info{display:flex!important}.sidebar .logout-btn span{display:inline!important}.sidebar-header{padding:var(--spacing-3);min-height:70px}.logo-img{width:120px;height:55px}.main-content,.main-content.expanded{margin-right:0;padding:var(--spacing-3);padding-top:72px;padding-bottom:16px}.mobile-header{display:flex;align-items:center;gap:var(--spacing-3);position:fixed;top:0;right:0;left:0;height:60px;padding:0 var(--spacing-3);background:linear-gradient(135deg,#1e1b4b,#312e81);box-shadow:0 2px 10px #00000026;z-index:150}.menu-btn{background:#ffffff26;border:none;cursor:pointer;color:#fff;width:40px;height:40px;min-width:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.menu-btn:active{background:#ffffff40}.mobile-title{font-weight:700;font-size:var(--text-base);color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.desktop-only{display:none!important}.mobile-only{display:flex!important}.sidebar-nav{padding:var(--spacing-3)}.nav-item{padding:var(--spacing-3);font-size:var(--text-sm)}.sidebar-footer{padding:var(--spacing-3)}.user-avatar{width:36px;height:36px;min-width:36px}}.notif-btn{position:relative;background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:auto}.sound-btn{background:#ef44444d;border:none;color:#fff;width:44px;height:44px;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.sound-btn:hover{background:#ef444480}.sound-enabled{background:#22c55e4d;color:#22c55e;width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.notif-badge{position:absolute;top:4px;left:4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notif-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notif-dropdown{position:fixed;top:80px;right:280px;width:360px;max-width:calc(100vw - 320px);background:#fff;border-radius:var(--radius-xl);box-shadow:0 10px 40px #0003;z-index:200;max-height:450px;overflow:hidden;display:flex;flex-direction:column}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;font-weight:600;font-size:var(--text-sm)}.notif-close{background:#ffffff26;border:none;color:#fff;width:28px;height:28px;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.notif-close:hover{background:#ffffff40}.notif-list{flex:1;overflow-y:auto;max-height:320px}.notif-empty{padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.notif-item{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.notif-item:hover{background:var(--neutral-50)}.notif-item.unread{background:#eff6ff;border-right:3px solid #3b82f6}.notif-title{font-weight:600;font-size:var(--text-base);margin-bottom:4px;color:var(--text-primary)}.notif-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.notif-time{font-size:11px;color:#fff;font-weight:600;margin-top:6px;display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:3px 10px;border-radius:12px}.notif-footer{padding:var(--spacing-2) var(--spacing-4);border-top:1px solid var(--border);background:var(--neutral-50)}.notif-footer button{width:100%;background:transparent;border:none;color:var(--primary-600);font-size:var(--text-sm);font-weight:500;padding:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.notif-footer button:hover{background:var(--neutral-100)}@media (max-width: 768px){.notif-dropdown{top:70px;right:16px;left:16px;width:auto;max-width:none}}.sidebar-actions-section{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-3);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-action-btn{position:relative;background:#ffffff1a;border:none;color:#ffffffb3;width:36px;height:36px;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.sidebar-action-btn:hover{background:#fff3;color:#fff;transform:scale(1.05)}.sidebar-action-btn.enabled{background:#22c55e33;color:#4ade80;cursor:default}.sidebar-notif-badge{position:absolute;top:-4px;left:-4px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.mobile-header-actions{margin-right:auto;display:flex;align-items:center;gap:var(--spacing-2)}.lang-switcher-header{position:relative}.icon-btn{background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lang-switcher-mobile{position:relative}.lang-dropdown{position:absolute;top:50px;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;padding:5px;min-width:120px;display:flex;flex-direction:column;gap:2px}.lang-dropdown button{background:none;border:none;padding:8px 12px;text-align:right;cursor:pointer;border-radius:4px;color:#333;font-weight:500}.lang-dropdown button:hover{background:#f3f4f6}.lang-dropdown button.active{background:#e0e7ff;color:#4338ca}.lang-switcher-sidebar{display:flex;background:#ffffff1a;padding:4px;border-radius:8px;margin-bottom:15px}.lang-btn{flex:1;background:none;border:none;color:#fff9;padding:6px;font-size:13px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.lang-btn:hover{color:#fff;background:#ffffff1a}.lang-btn.active{background:#fff;color:#312e81}.sidebar.collapsed .lang-switcher-sidebar{flex-direction:column;gap:4px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-4)}.login-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-8);width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000040}.login-header{text-align:center;margin-bottom:var(--spacing-8)}.login-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-4)}.login-logo{width:200px;height:100px;object-fit:contain;display:block;margin:0 auto var(--spacing-4);border-radius:var(--radius-lg)}.login-header h1{font-size:var(--text-3xl);font-weight:800;color:var(--text);margin-bottom:var(--spacing-2)}.login-header p{color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.input-icon-wrapper{position:relative}.input-icon{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--text-muted)}.input-icon-wrapper .form-input{padding-right:2.5rem}.login-btn{width:100%;justify-content:center;margin-top:var(--spacing-4)}.login-footer{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.login-footer code{display:block;margin-top:var(--spacing-2);background:var(--neutral-100);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--text-sm);direction:ltr}.password-toggle{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--text)}.input-icon-wrapper .form-input{padding-right:2.5rem;padding-left:2.5rem}.remember-me-group{margin-top:calc(var(--spacing-2) * -1)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-sm);color:var(--text-muted)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.login-card.shake{animation:shake .5s ease-in-out}.form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--neutral-100)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;text-align:center;border:1px solid #fca5a5;margin-bottom:var(--spacing-2)}.login-lang-switch{display:flex;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.lang-btn{background:var(--neutral-100);border:1px solid transparent;padding:6px 12px;border-radius:9999px;font-size:var(--text-xs);color:var(--text-muted);font-family:inherit;cursor:pointer;transition:all .2s ease}.lang-btn:hover{background:var(--neutral-200);color:var(--text)}.lang-btn.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 4px #0000001a}.dashboard{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-8)}.stat-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--border)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--transition-base)}.stat-icon.waiting{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.servicing{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.serviced{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-icon.showroom{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.created{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-icon.delivered{background:linear-gradient(135deg,#14b8a6,#0d9488)}.stat-icon.revenue{background:linear-gradient(135deg,#f97316,#ea580c)}.dashboard-section{margin-bottom:var(--spacing-8)}.section-title{font-size:var(--text-xl);font-weight:700;color:var(--text);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--border)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--text)}.quick-actions{margin-bottom:var(--spacing-8)}.quick-actions h2{font-size:var(--text-xl);margin-bottom:var(--spacing-4)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.action-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-6);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--text);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.action-card:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-4px);box-shadow:var(--shadow-md)}.action-card:hover svg{transform:scale(1.15)}.action-card svg{color:var(--primary);transition:transform var(--transition-base)}.action-card span{font-weight:600}.today-summary h2{font-size:var(--text-xl);margin-bottom:var(--spacing-4)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.summary-item{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-5);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);box-shadow:var(--shadow-sm)}.summary-item svg{color:var(--primary)}.summary-value{font-size:var(--text-2xl);font-weight:700}.summary-label{font-size:var(--text-sm);color:var(--text-muted)}.device-breakdown-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.device-breakdown-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3);box-shadow:var(--shadow-sm);transition:all var(--transition-base);min-width:140px}.device-breakdown-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.device-breakdown-icon{font-size:2rem;line-height:1}.device-breakdown-count{font-size:var(--text-2xl);font-weight:700;color:var(--primary)}.device-breakdown-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500;text-transform:capitalize}.exchange-rate-widget{margin-top:var(--spacing-6)}.rate-container{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-5);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:inline-block}.rate-input-group{display:flex;align-items:center;gap:var(--spacing-3)}.currency-symbol{font-weight:600;font-size:var(--text-lg);color:var(--text)}.rate-input{width:120px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:700;color:var(--primary);text-align:center;outline:none;transition:border-color var(--transition-short)}.rate-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.save-rate-btn{min-width:80px;display:flex;justify-content:center;border-radius:var(--radius-md)}.success-emoji{font-size:1.25rem;animation:fadeInOut 2s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.countdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-5)}.countdown-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-md);border:2px solid transparent;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:var(--spacing-3);transition:all .3s ease;position:relative;overflow:hidden}.countdown-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.countdown-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.countdown-safe{border-color:#22c55e}.countdown-safe:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.countdown-safe .countdown-time{color:#16a34a}.countdown-safe .countdown-progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.countdown-warning{border-color:#eab308}.countdown-warning:before{background:linear-gradient(90deg,#eab308,#facc15)}.countdown-warning .countdown-time{color:#ca8a04}.countdown-warning .countdown-progress-fill{background:linear-gradient(90deg,#eab308,#facc15)}.countdown-critical{border-color:#f97316}.countdown-critical:before{background:linear-gradient(90deg,#f97316,#fb923c)}.countdown-critical .countdown-time{color:#ea580c}.countdown-critical .countdown-progress-fill{background:linear-gradient(90deg,#f97316,#fb923c)}.countdown-critical .countdown-timer-display{animation:countdownPulse 1.5s ease-in-out infinite}.countdown-overdue{border-color:#ef4444;background:#fef2f2}.countdown-overdue:before{background:linear-gradient(90deg,#ef4444,#f87171)}.countdown-overdue .countdown-time{color:#dc2626}.countdown-overdue .countdown-progress-fill{background:linear-gradient(90deg,#ef4444,#f87171);width:100%!important}.countdown-overdue .countdown-timer-display{animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-header{display:flex;justify-content:space-between;align-items:center}.countdown-ticket{font-weight:800;font-size:var(--text-base);color:#2563eb}.countdown-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.countdown-status.scheduled{background:#dbeafe;color:#1d4ed8}.countdown-status.servicing{background:#fef3c7;color:#b45309}.countdown-device{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.countdown-timer-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--spacing-3) 0}.countdown-time{font-size:2.5rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:2px;line-height:1}.countdown-alert-icon{color:#ef4444;flex-shrink:0}.countdown-label{text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);margin-top:-8px}.countdown-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.countdown-progress-fill{height:100%;border-radius:3px;transition:width 1s linear}.countdown-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);font-weight:500}@media (max-width: 640px){.countdown-grid{grid-template-columns:1fr}.countdown-time{font-size:2rem}}.tickets-page{max-width:1400px;margin:0 auto}.tickets-page .page-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--spacing-5);box-shadow:0 10px 40px #667eea4d;position:relative;overflow:hidden}.tickets-page .page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.tickets-page .page-title{font-size:var(--text-2xl);font-weight:800;color:#fff;margin:0;position:relative;z-index:1}.tickets-page .page-subtitle{color:#fffc;font-size:var(--text-sm);margin-top:4px}.tickets-page .page-header .btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:#fff;color:#667eea;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease;position:relative;z-index:1;text-decoration:none}.tickets-page .page-header .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.tickets-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-5);padding:var(--spacing-2);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:var(--neutral-100);color:var(--text);transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.tab-count{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0000001a;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.tab-btn.active .tab-count{background:#fff3}.search-bar{margin-bottom:var(--spacing-5)}.search-form{display:flex;align-items:center;gap:var(--spacing-3);background:#fff;padding:var(--spacing-3);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:2px solid var(--border);transition:all .2s ease}.search-form:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{color:var(--text-muted);margin-right:var(--spacing-2)}.search-input{flex:1;border:none;font-size:var(--text-base);font-family:inherit;background:transparent;color:var(--text)}.search-input:focus{outline:none}.search-input::placeholder{color:var(--text-muted)}.search-clear{background:#0000001a;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.search-clear:hover{background:#ef444433;color:#ef4444}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-4)}.ticket-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .3s ease;display:flex;flex-direction:column;gap:var(--spacing-3);overflow:hidden}.ticket-card:hover{border-color:#667eea;box-shadow:0 12px 30px #667eea33;transform:translateY(-4px)}.ticket-header{display:flex;justify-content:space-between;align-items:center}.ticket-number{font-size:var(--text-lg);font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.priority-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 2px 4px #0003}.ticket-customer h3{font-size:var(--text-lg);font-weight:600;margin:0 0 4px;color:var(--text)}.ticket-customer p{display:flex;align-items:center;gap:var(--spacing-1);color:var(--text-muted);font-size:var(--text-sm);margin:0;direction:ltr;text-align:right}.ticket-device{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center}.device-type{background:var(--neutral-100);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text)}.device-model{color:var(--text-muted);font-size:var(--text-sm)}.ticket-shelf{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fef3c7;color:#92400e;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500}.ticket-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--border);margin-top:auto;position:relative}.ticket-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.ticket-date{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--text-muted)}.ticket-technician{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:#667eea;padding-top:var(--spacing-2);font-weight:500}.ticket-devices-info{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:var(--radius-lg);border:1px solid #bae6fd}.devices-count{font-size:var(--text-sm);font-weight:600;color:#0369a1}.devices-progress{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#e5e7eb}.devices-progress .progress-waiting{background:#f59e0b;transition:width .3s ease}.devices-progress .progress-servicing{background:#3b82f6;transition:width .3s ease}.devices-progress .progress-serviced{background:#22c55e;transition:width .3s ease}.tickets-page .empty-state{text-align:center;padding:var(--spacing-10);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.tickets-page .empty-icon{font-size:64px;margin-bottom:var(--spacing-4)}.tickets-page .empty-state h3{font-size:var(--text-xl);margin-bottom:var(--spacing-2);color:var(--text)}.tickets-page .empty-state p{color:var(--text-muted)}.per-page-selector{display:flex;align-items:center;gap:var(--spacing-2);border-right:2px solid var(--border);padding-right:var(--spacing-3);margin-right:var(--spacing-2)}[dir=rtl] .per-page-selector{border-right:none;border-left:2px solid var(--border);padding-right:0;padding-left:var(--spacing-3);margin-right:0;margin-left:var(--spacing-2)}.per-page-select{background:var(--neutral-100);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-sm);font-weight:600;color:var(--text);cursor:pointer;font-family:inherit;min-width:56px;transition:all .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.per-page-select:hover{border-color:#667eea;background:#fff}.per-page-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);background:var(--neutral-100);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.filter-toggle-btn:hover{border-color:#667eea;color:#667eea;background:#fff}.filter-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 2px 8px #667eea4d}.filter-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;background:#ef4444;border-radius:50%;border:1.5px solid white}[dir=rtl] .filter-dot{right:auto;left:4px}.device-filters{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);animation:slideDown .2s ease;box-shadow:var(--shadow-sm)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.device-filters-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.device-filter-select{flex:1;min-width:140px;background:var(--neutral-50);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);font-weight:500;color:var(--text);cursor:pointer;font-family:inherit;transition:all .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.device-filter-select:hover:not(:disabled){border-color:#667eea;background:#fff}.device-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.device-filter-select:disabled{opacity:.5;cursor:not-allowed}.clear-filters-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:1px solid #ef4444;background:#ef444414;color:#ef4444;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.clear-filters-btn:hover{background:#ef4444;color:#fff}.date-filters-row{border-top:1px solid var(--border);padding-top:var(--spacing-3);margin-top:var(--spacing-1)}.date-filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px}.date-filter-label{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.date-filter-input{font-family:inherit;color-scheme:light}.tickets-page .pagination-bar{display:flex;justify-content:center;align-items:center;gap:var(--spacing-5);margin-top:var(--spacing-5);padding:var(--spacing-4) var(--spacing-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-wrap:wrap}.pagination-info{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap}.pagination-total{color:#667eea;font-weight:700}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-1)}.page-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid var(--border);background:#fff;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease;padding:0 var(--spacing-1)}.page-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#667eea0d;transform:translateY(-1px)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea66}.page-dots{display:flex;align-items:center;justify-content:center;min-width:28px;height:36px;color:var(--text-muted);font-weight:600;font-size:var(--text-base);-webkit-user-select:none;user-select:none}.tickets-page .loading-container{display:flex;justify-content:center;align-items:center;padding:100px var(--spacing-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.tickets-page .spinner{color:#667eea;animation:spin 1s linear infinite}@media (max-width: 768px){.tickets-page .page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-4)}.tickets-page .page-header .btn-primary{justify-content:center}.tickets-tabs{padding:var(--spacing-1)}.tab-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs)}.tab-btn span:not(.tab-count){display:none}.tickets-grid{grid-template-columns:1fr}.tickets-page .pagination-bar{gap:var(--spacing-3);padding:var(--spacing-3)}.pagination-controls{gap:2px}.page-btn{min-width:32px;height:32px;font-size:var(--text-xs)}.page-btn.page-num{min-width:28px}.pagination-info{font-size:var(--text-xs)}.per-page-selector{border-right:none;border-top:2px solid var(--border);padding-right:0;padding-top:var(--spacing-2);margin-right:0}[dir=rtl] .per-page-selector{border-left:none;padding-left:0;margin-left:0}.per-page-select{font-size:var(--text-xs);min-width:48px}.device-filters{padding:var(--spacing-2) var(--spacing-3)}.device-filters-row{flex-direction:column;gap:var(--spacing-2)}.device-filter-select{min-width:100%}}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-loading{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:100;margin-top:4px;list-style:none;padding:0}.autocomplete-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.highlighted{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.autocomplete-item.highlighted{color:var(--primary);font-weight:500}.ticket-form-page{max-width:1400px;margin:0 auto;padding:var(--spacing-2)}.ticket-form-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);color:#fff;box-shadow:0 10px 40px #667eea4d;position:relative;overflow:hidden}.ticket-form-page .page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.header-right{display:flex;align-items:center;gap:var(--spacing-3)}.header-right .btn-ghost{color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.3)}.ticket-form-page .page-title{color:#fff;margin:0}.ticket-form-page .page-header>.btn-primary{background:#fff;color:#667eea;border:none;font-weight:600}.ticket-form-page .page-header>.btn-primary:hover{background:#ffffffe6;transform:translateY(-2px)}.form-layout{display:grid;grid-template-columns:340px 1fr;gap:var(--spacing-6);align-items:start}.form-sidebar{position:sticky;top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-5)}.info-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 4px 20px #00000014;overflow:hidden}.info-card-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.info-card-header h3{margin:0;font-size:var(--text-lg);font-weight:600}.info-card-body{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.form-label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:600;color:#374151;margin-bottom:var(--spacing-2)}.optional{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.lookup-spinner{margin-right:auto;color:#667eea}.customer-found-badge{display:inline-flex;align-items:center;gap:4px;margin-right:auto;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.form-input.input-found{border-color:#22c55e;background:#f0fdf4}.form-input,.form-select{width:100%;height:45px;background:#fff;border:2px solid #878c91;border-radius:var(--radius-lg);padding:8px 12px;font-size:var(--text-sm);font-family:inherit;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000000f}.form-textarea{width:100%;background:#fff;border:2px solid #878c91;border-radius:var(--radius-lg);padding:var(--spacing-3);font-size:var(--text-sm);font-family:inherit;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000000f}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#a5b4fc;background:#fefefe}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea26,inset 0 1px 3px #0000000a}.form-textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:#f0fdf4;border:2px solid #86efac;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.checkbox-label:hover{background:#dcfce7}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#22c55e}.whatsapp-icon{color:#25d366}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.stat-item{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-4);text-align:center;box-shadow:0 4px 20px #00000014}.stat-item:first-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-item:first-child .stat-value,.stat-item:first-child .stat-label{color:#fff}.stat-value{display:block;font-size:2rem;font-weight:800;color:#667eea}.stat-label{font-size:var(--text-sm);color:#6b7280}.customer-history-panel{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:0 4px 20px #00000014;overflow:hidden}.customer-history-panel.history-warning{border:2px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.customer-history-panel.history-caution{border:2px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.customer-history-panel.history-success{border:2px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.customer-history-panel.history-info{border:2px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.history-section{margin-bottom:var(--spacing-3)}.history-section:last-child{margin-bottom:0}.history-header{display:flex;align-items:center;gap:var(--spacing-2);font-weight:700;font-size:var(--text-sm);margin-bottom:var(--spacing-3)}.history-pending .history-header{color:#dc2626}.history-unpaid .history-header{color:#d97706}.history-ok .history-header{color:#059669}.history-waiting .history-header{color:#2563eb}.history-device-type{font-size:11px;color:#6b7280;font-weight:500}.history-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.history-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#ffffffb3;border-radius:var(--radius-lg);font-size:var(--text-xs)}.history-ticket{display:flex;align-items:center;gap:4px;font-weight:600;color:#374151}.history-shelf{display:flex;align-items:center;gap:2px;color:#6b7280;font-size:11px}.history-cost{display:flex;align-items:center;gap:2px;font-weight:700;color:#1f2937}.history-total{padding:var(--spacing-2) var(--spacing-3);background:#0000000d;border-radius:var(--radius-md);font-size:var(--text-xs);text-align:center}.history-pending .history-total{color:#dc2626}.history-unpaid .history-total{color:#d97706}.history-stats{padding:var(--spacing-2) var(--spacing-3);background:#ffffffb3;border-radius:var(--radius-lg);font-size:var(--text-sm);text-align:center;color:#059669}.history-stats strong{font-size:var(--text-lg);color:#047857}.device-history-list{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px dashed rgba(0,0,0,.15)}.device-history-title{font-size:var(--text-xs);font-weight:600;color:#047857;margin-bottom:var(--spacing-2)}.device-history-item{background:#fffc;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-2);font-size:var(--text-xs)}.device-history-item:last-child{margin-bottom:0}.device-history-info{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-bottom:4px}.device-history-type{font-weight:600;color:#1f2937}.device-history-ticket{font-size:10px;color:#6b7280;background:#0000000d;padding:2px 6px;border-radius:var(--radius-sm)}.device-history-procedures{color:#059669;font-size:11px;line-height:1.4}.devices-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-xl);box-shadow:0 2px 10px #0000000d;margin-bottom:var(--spacing-4)}.devices-header h3{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-xl);font-weight:700;margin:0}.devices-header .btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none}.device-card{background:#fff;border:2px solid #e5e7eb;border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease}.device-card.expanded{border-color:#667eea;box-shadow:0 8px 30px #667eea26}.device-card.complete:not(.expanded){border-color:#10b981}.device-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);cursor:pointer;transition:background .2s ease}.device-card-header:hover{background:#f8fafc}.device-info{display:flex;align-items:center;gap:var(--spacing-4)}.device-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid;border-radius:50%;font-weight:700;color:#fff}.device-summary{display:flex;flex-direction:column;gap:2px}.device-type-badge{font-weight:600;color:#1f2937}.device-shelf{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:#6b7280}.complete-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-radius:50%}.device-actions .btn-ghost{color:#ef4444}.expand-icon{color:#9ca3af;transition:transform .3s ease}.expand-icon.rotated{transform:rotate(180deg)}.device-card-body{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.device-card-body.show{max-height:800px;padding:0 var(--spacing-5) var(--spacing-5)}.device-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);padding-top:var(--spacing-5);border-top:2px dashed #e5e7eb;margin-bottom:var(--spacing-4)}.mobile-actions{display:none;padding:var(--spacing-5) 0}.btn-block{width:100%;justify-content:center;padding:var(--spacing-4);font-size:var(--text-lg);background:linear-gradient(135deg,#667eea,#764ba2);border:none}.receipt-page{background:#f8fafc;min-height:100vh}.receipt-controls{text-align:center;padding:var(--spacing-10) var(--spacing-4);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.success-animation{font-size:80px;margin-bottom:var(--spacing-4);animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.receipt-controls h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-4)}.ticket-numbers{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-8)}.ticket-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-lg);border:1px solid rgba(255,255,255,.3)}.control-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.control-buttons .btn{min-width:160px;padding:var(--spacing-4) var(--spacing-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.control-buttons .btn-primary{background:#fff;color:#667eea}.control-buttons .btn-secondary{background:#fff3;color:#fff;border-color:#ffffff4d}.control-buttons .btn-ghost{color:#fff}.print-actions{margin-bottom:var(--spacing-6)}.btn-print-main{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#667eea;padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn-print-main:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.store-copy-section{background:#ffffff1a;border-radius:var(--radius-xl);padding:var(--spacing-4);margin-bottom:var(--spacing-6);display:inline-block}.store-copy-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;justify-content:center}.store-copy-label{color:#ffffffe6;font-weight:500}.store-copy-input{width:60px!important;padding:8px 12px!important;text-align:center;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);background:#ffffff26;color:#fff;font-weight:600;font-size:var(--text-base)}.store-copy-input:focus{outline:none;border-color:#fff;background:#ffffff40}.btn-store-copy{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .3s ease}.btn-store-copy:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.nav-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.btn-new-ticket{display:inline-flex;align-items:center;gap:8px;background:#fff3;color:#fff;padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-xl);border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.btn-new-ticket:hover{background:#ffffff4d;border-color:#ffffff80}.btn-go-tickets{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fffc;padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:all .3s ease;text-decoration:underline}.btn-go-tickets:hover{color:#fff}.receipt-page{background:#f3f4f6;min-height:100vh}.receipt-print{padding:15px;max-width:210mm;margin:0 auto}.receipt-a4-page{background:#fff;box-shadow:0 4px 20px #0000001a;border-radius:8px;padding:10px;box-sizing:border-box}.receipt-copy{border:1px solid #d1d5db;border-radius:6px;padding:0;margin-bottom:10px;overflow:hidden}.receipt-copy.store-copy{margin-bottom:0}.receipt-header-image{width:100%;margin:0;padding:0;border-bottom:2px solid #e5e7eb;overflow:hidden}.receipt-header-image img{width:100%;height:auto;max-height:173px;object-fit:cover;object-position:right center;display:block}.receipt-copy-content{padding:15px}.receipt-info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f3f4f6}.receipt-info-row.compact{padding:4px 0}.info-cell{display:flex;gap:8px;align-items:center}.info-label{color:#1e40af;font-weight:600;font-size:13px}.info-value{color:#1f2937;font-weight:700;font-size:13px}.receipt-devices-section{padding:10px 0;border-bottom:1px solid #e5e7eb}.devices-title{display:block;color:#1e40af;font-weight:600;font-size:13px;margin-bottom:6px}.devices-list-simple{list-style:none;padding:0 20px 0 0;margin:0}.devices-list-simple li{font-size:13px;color:#374151;padding:3px 0;font-weight:500}.receipt-notes-box{display:flex;align-items:center;gap:15px;padding:10px 15px;margin:10px 0;border:1px solid #d1d5db;border-radius:6px;background:#fafafa}.notes-text{flex:1;text-align:center}.notes-text p{margin:5px 0;font-size:12px;line-height:1.6}.notes-text .note-ku{color:#1e40af}.notes-text .note-ar{color:#374151}.notes-text .note-warning{color:#dc2626;font-weight:600}.notes-qr-side{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.notes-qr-side .qr-text{font-size:10px;color:#6b7280;text-align:center}.receipt-footer-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;padding:8px 15px;border-radius:5px;font-size:10px}.footer-item{display:flex;align-items:center;gap:5px}.receipt-devices-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}.receipt-devices-table th{background:#f3f4f6;color:#1e40af;font-weight:600;padding:6px 10px;text-align:start!important;border:1px solid #e5e7eb}.receipt-devices-table td{padding:6px 10px;border:1px solid #e5e7eb;color:#374151;text-align:start!important;word-break:break-word;white-space:normal}.receipt-devices-table td:last-child{text-align:center;width:60px}.receipt-notes-simple{text-align:center;padding:8px;margin-top:8px;border-top:1px dashed #d1d5db}.receipt-notes-simple p{margin:3px 0;font-size:10px;line-height:1.4}.receipt-notes-simple .note-ku{color:#1e40af}.receipt-notes-simple .note-ar{color:#374151}.receipt-notes-simple .note-warning{color:#dc2626;font-weight:600}.store-copy-print-section{margin-top:20px;padding-top:20px;border-top:1px dashed #e5e7eb}.store-copy-controls{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.store-copy-controls label{font-weight:500;color:#4b5563}.store-copy-input{width:60px!important;text-align:center;padding:8px!important}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.store-copies-container{display:none}.store-copies-container.hide-for-print{display:none!important}.store-copy-print{padding:12px;margin-bottom:10px;border:1px solid #d1d5db;border-radius:6px}.hide-for-print,.hide-on-screen{display:none!important}@media print{@page{size:A4 portrait!important;margin:0!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{width:210mm!important;margin:0!important;padding:0!important;background:#fff!important;font-size:15px!important}.no-print,.receipt-controls,.sidebar,.navbar,header,footer,nav{display:none!important}.receipt-page{padding:0!important;margin:0!important;background:#fff!important;min-height:auto!important;width:100%!important}.receipt-print{padding:0!important;margin:0!important;max-width:210mm!important;width:100%!important;box-sizing:border-box!important}.receipt-a4-page{box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;min-height:auto!important;width:100%!important;box-sizing:border-box!important}.receipt-copy{border:1px solid #aaa!important;border-radius:4px!important;padding:0!important;margin-bottom:10px!important;page-break-inside:avoid!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.receipt-copy.store-copy{margin-bottom:0!important;padding:12px!important}.receipt-header-image{margin:0!important;padding:0!important;border-bottom:2px solid #e5e7eb!important;width:100%!important;overflow:visible!important}.receipt-header-image img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block!important}.receipt-copy-content{padding:12px!important}.receipt-info-row{padding:4px 0!important}.info-label,.info-value{font-size:15px!important}.receipt-devices-section{padding:8px 0!important}.devices-title,.devices-list-simple li{font-size:15px!important}.receipt-notes-box{padding:8px 12px!important;margin:8px 0!important;gap:12px!important}.notes-text p{font-size:14px!important;margin:2px 0!important}.notes-qr-side svg{width:55px!important;height:55px!important}.notes-qr-side .qr-text{font-size:12px!important}.receipt-footer-bar{padding:6px 10px!important;font-size:12px!important}.receipt-devices-table{font-size:14px!important}.receipt-devices-table th,.receipt-devices-table td{padding:4px 6px!important}.store-copies-container{display:block!important;padding:0!important}.store-copies-container.hide-for-print{display:none!important}.store-copy-print{border:1px solid #aaa!important;border-radius:4px!important;padding:12px!important;margin-bottom:10px!important;page-break-inside:avoid!important}.customer-copy.hide-for-print{display:none!important}.receipt-a4-page:has(.customer-copy.hide-for-print){display:none!important}}@media (max-width: 1024px){.form-layout{grid-template-columns:300px 1fr;gap:var(--spacing-4)}}@media (max-width: 768px){.ticket-form-page{padding:var(--spacing-3)}.ticket-form-page .page-header{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-layout{grid-template-columns:1fr}.form-sidebar{position:static;order:1}.form-main{order:2}.ticket-form-page .page-header>.btn-primary{display:none}.mobile-actions{display:block}.device-form-grid{grid-template-columns:1fr 1fr}.control-buttons{flex-direction:column;padding:0 var(--spacing-4)}.control-buttons .btn{width:100%}.quick-stats{display:none}}@media (max-width: 480px){.device-form-grid{grid-template-columns:1fr}}.detailed-receipt-print-section{margin-top:15px;text-align:center}.detailed-receipt-print-section .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:var(--spacing-4) var(--spacing-8)}.detailed-receipt-print-section .btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.detailed-receipt-container{padding:15px;max-width:210mm;margin:0 auto}.detailed-receipt-container.hide-for-print{display:none!important}.devices-list-detailed{list-style:none;padding:0 20px 0 0;margin:0}.devices-list-detailed li{font-size:13px;color:#374151;padding:5px 0;font-weight:500;display:flex;gap:15px;flex-wrap:wrap}.devices-list-detailed .device-serial{color:#1e40af;font-weight:600;font-size:12px}.devices-list-detailed .device-accessories{color:#6b7280;font-size:12px}.notes-text-columns{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.note-column{padding:8px;border-radius:6px;text-align:right}.note-column.ku{background:#1e40af;color:#fff}.note-column.ar{background:#374151;color:#fff}.note-column.en{background:#166534;color:#fff;text-align:left;direction:ltr}.note-column .note-title{font-weight:700;font-size:11px;margin-bottom:4px}.note-column p{margin:2px 0;font-size:9px;line-height:1.5}.receipt-notes-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;padding:10px 0;border-top:1px dashed #d1d5db}@media print{.detailed-receipt-container{display:block!important;padding:0!important;margin:0!important}.detailed-receipt-container.hide-for-print{display:none!important}.customer-copy-detailed,.store-copy-detailed{border:1px solid #aaa!important;border-radius:4px!important;padding:0!important;margin-bottom:10px!important;page-break-inside:avoid!important}.store-copy-detailed{padding:12px!important}.notes-text-columns{gap:6px!important}.note-column{padding:5px!important}.note-column .note-title{font-size:13px!important}.note-column p{font-size:11px!important;line-height:1.4!important}.receipt-notes-columns{gap:6px!important;padding:6px 0!important}}.sn-spinner{display:inline-block;margin-inline-start:6px;color:#667eea}.animate-spin{animation:spin 1s linear infinite}.warranty-badge{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;font-size:.82rem;font-weight:600;margin-top:6px;animation:warrantyFadeIn .35s ease;flex-wrap:wrap}@keyframes warrantyFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.warranty-active{background:linear-gradient(135deg,#22c55e14,#10b9811f);border:1.5px solid rgba(34,197,94,.35);color:#15803d}.warranty-expired{background:linear-gradient(135deg,#ef444414,#dc26261f);border:1.5px solid rgba(239,68,68,.35);color:#b91c1c}.warranty-status-icon{display:flex;align-items:center}.warranty-active .warranty-status-icon{color:#16a34a}.warranty-expired .warranty-status-icon{color:#dc2626}.warranty-status-text{font-weight:700}.warranty-date,.warranty-country{font-weight:500;opacity:.85;font-size:.78rem}.warranty-country{margin-inline-start:auto}.ticket-details{max-width:1400px;margin:0 auto}.ticket-details .page-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);color:#fff;box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden}.ticket-details .page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.header-info{display:flex;align-items:center;gap:var(--spacing-4);position:relative;z-index:1}.header-info .btn-ghost{color:#fff;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);transition:all .2s ease}.header-info .btn-ghost:hover{background:#ffffff4d;transform:translate(-2px)}.ticket-details .header-title{position:relative;z-index:1}.ticket-details .ticket-number{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--spacing-2);letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff!important;-webkit-text-fill-color:white!important}.ticket-details .header-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.header-actions{display:flex;gap:var(--spacing-3);position:relative;z-index:1}.header-actions .btn{font-size:var(--text-sm);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026}.details-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-6);align-items:start}.details-main{display:flex;flex-direction:column;gap:var(--spacing-5)}.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.info-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.info-card-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.info-card-header.device{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.info-card-header h3{margin:0;font-size:var(--text-base)}.info-card-body{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.info-item{display:flex;align-items:center;gap:var(--spacing-3);color:#374151}.info-item svg{color:#6b7280}.info-item .label{color:#6b7280}.info-item.whatsapp{background:#d1fae5;color:#065f46;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg)}.info-item.whatsapp svg{color:#25d366}.info-item.shelf{background:#fef3c7;color:#92400e;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg)}.info-item.priority{border-right:4px solid;padding:var(--spacing-2) var(--spacing-3);background:#f8fafc;border-radius:var(--radius-lg)}.device-type-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:capitalize}.issue-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.issue-card h3{display:flex;align-items:center;gap:var(--spacing-2);color:#6366f1;margin-bottom:var(--spacing-3)}.issue-card p{line-height:1.8;color:#374151}.notes-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.notes-card h3{display:flex;align-items:center;gap:var(--spacing-2);color:#8b5cf6;margin-bottom:var(--spacing-3)}.procedures-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.section-header h3{display:flex;align-items:center;gap:var(--spacing-2);margin:0}.procedures-table{width:100%;border-collapse:collapse}.procedures-table th,.procedures-table td{padding:var(--spacing-3);text-align:right;border-bottom:1px solid var(--border)}.procedures-table th{background:#f8fafc;font-weight:600;color:#6b7280;font-size:var(--text-sm)}.procedures-table td strong{display:block}.procedures-table td small{color:#6b7280;font-size:var(--text-xs)}.procedures-table td.total{font-weight:700;color:#059669}.empty-procedures{text-align:center;padding:var(--spacing-8);color:#6b7280;background:#f8fafc;border-radius:var(--radius-lg)}.device-badge-small{display:inline-flex;align-items:center;gap:var(--spacing-1);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600}.device-badge-general{display:inline-flex;align-items:center;background:#e5e7eb;color:#6b7280;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.technician-badge-small{display:inline-flex;align-items:center;background:#dbeafe;color:#1d4ed8;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.details-sidebar{position:sticky;top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-5)}.financial-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.financial-card h3{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);color:#6366f1}.financial-rows{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.financial-row{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;border-bottom:1px dashed var(--border)}.financial-row.total{font-weight:700;font-size:var(--text-lg);border-bottom:2px solid var(--border)}.financial-row.discount span:last-child{color:#ef4444}.financial-row.paid span:last-child{color:#22c55e}.financial-row.remaining.unpaid{color:#ef4444;font-weight:600}.financial-row.remaining.paid{color:#22c55e}.btn-block{width:100%;justify-content:center}.dates-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.dates-card h3{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);color:#6b7280}.date-item{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;font-size:var(--text-sm);color:#6b7280}.technician-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl);padding:var(--spacing-5);color:#fff}.technician-card h3{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);opacity:.9}.technician-card p{font-size:var(--text-lg);font-weight:600;margin:0}.technicians-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.technicians-card h3{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);color:#667eea}.technicians-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.technician-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:#f8fafc;border-radius:var(--radius-lg);border:1px solid var(--border)}.tech-info{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.tech-info svg{color:#667eea}.tech-name{font-weight:600;color:#1f2937}.tech-role{font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:600}.tech-role.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tech-role.secondary{background:#e0e7ff;color:#4f46e5}.tech-percentage{font-weight:700;color:#059669;font-size:var(--text-sm)}.no-technicians{text-align:center;color:#6b7280;font-style:italic;padding:var(--spacing-3)}.technician-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.technician-actions .btn{flex:1;min-width:120px;justify-content:center}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.info-notice{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:#e0f2fe;border:1px solid #7dd3fc;border-radius:var(--radius-lg);color:#0369a1;font-size:var(--text-sm)}.warning-notice{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-lg);color:#92400e;font-size:var(--text-sm)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.payment-summary{background:#f0fdf4;border:2px solid #86efac;padding:var(--spacing-4);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--spacing-4);color:#065f46}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.payment-method{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.payment-method:hover{border-color:var(--primary)}.payment-method.active{border-color:var(--primary);background:#eef2ff}.payment-method input{display:none}.payment-method svg{color:#6b7280}.payment-method.active svg{color:var(--primary)}.payment-method span{font-size:var(--text-sm);font-weight:500}.devices-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.devices-card .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--gray-100)}.devices-card .section-header h3{display:flex;align-items:center;gap:var(--spacing-2);margin:0;color:var(--gray-700)}.device-item{background:#fff;border-radius:var(--radius-xl);padding:0;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.device-item:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f126}.device-item .device-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:var(--spacing-3) var(--spacing-4);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}.device-item.waiting .device-header{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.device-item.servicing .device-header{background:linear-gradient(135deg,#3b82f6,#6366f1)}.device-item.serviced .device-header{background:linear-gradient(135deg,#10b981,#059669)}.device-item .device-body{padding:var(--spacing-4)}.device-item .device-title{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.device-item .device-num{font-size:var(--text-lg);font-weight:800;opacity:.9}.device-item .device-type{background:#fff3;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.device-item .device-brand{font-size:var(--text-sm);opacity:.85}.device-item .device-status{background:#ffffff40;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3)}.device-item .device-status.delivered{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;cursor:pointer}.device-body{padding:var(--spacing-4)}.device-info{margin-bottom:var(--spacing-3)}.device-info .info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2);gap:var(--spacing-2);flex-wrap:wrap}.device-info .info-row strong{color:#374151}.device-info .shelf-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);background:#fef3c7;color:#92400e;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.device-info .issue-text{color:#6b7280;font-size:var(--text-sm);margin:var(--spacing-2) 0;padding:var(--spacing-3);background:#fff;border-radius:var(--radius-lg);border-right:3px solid #8b5cf6;line-height:1.6}.device-info .technician-info{display:inline-flex;align-items:center;gap:var(--spacing-2);background:#e0e7ff;color:#4f46e5;font-size:var(--text-sm);font-weight:500;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);margin-top:var(--spacing-2)}.device-notes{background:#ffffffe6;padding:var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--gray-500);border-right:2px solid var(--primary)}.device-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap;padding-top:var(--spacing-3);border-top:1px dashed var(--gray-300)}.device-actions .btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs)}.device-actions .btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.device-actions .btn-warning:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.device-info-summary{background:var(--gray-100);padding:var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);display:flex;justify-content:space-between;align-items:center}@media (max-width: 1024px){.details-layout{grid-template-columns:1fr}.details-sidebar{position:static;order:-1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.financial-card{grid-column:span 2}}@media (max-width: 768px){.ticket-details .page-header{flex-direction:column;gap:var(--spacing-4);text-align:center}.header-info{flex-direction:column}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%;justify-content:center}.info-cards,.details-sidebar{grid-template-columns:1fr}.financial-card{grid-column:span 1}.payment-methods{grid-template-columns:1fr}}.input-with-currency{display:flex;gap:var(--spacing-2);align-items:stretch}.input-with-currency .form-input{flex:1;min-width:0}.currency-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;font-size:var(--text-sm);cursor:pointer;min-width:70px;text-align:center;transition:all .2s ease}.currency-select:hover{box-shadow:0 4px 12px #6366f14d}.currency-select:focus{outline:none;box-shadow:0 0 0 3px #6366f133}.currency-select option{background:#fff;color:#374151}.payment-summary.dual-currency{display:flex;flex-direction:column;gap:var(--spacing-2);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4);border:1px solid #bae6fd}.payment-summary .currency-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px dashed rgba(0,0,0,.1)}.payment-summary .currency-row:last-of-type{border-bottom:none}.payment-summary .currency-row strong{font-size:var(--text-lg);color:#0369a1}.payment-summary .exchange-rate-note{text-align:center;font-size:var(--text-xs);color:#64748b;padding-top:var(--spacing-2);margin-top:var(--spacing-2);border-top:1px solid rgba(0,0,0,.1)}.payment-summary .currency-row.paid-full{justify-content:center;color:#10b981;font-weight:600}.payment-summary .currency-row strong.iqd{color:#059669}.payment-summary .currency-row strong.usd{color:#0369a1}.financial-row.currency-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3)!important;margin-bottom:var(--spacing-1)}.payment-summary .currency-row.total-converted{background:#ffffff80;border-radius:var(--radius-md);padding:var(--spacing-3);margin-bottom:var(--spacing-2)}.discount-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-top:var(--spacing-4);border:1px solid #fbbf24}.discount-section .form-label{margin-bottom:var(--spacing-3);color:#92400e;font-weight:600}.discount-inputs{display:flex;gap:var(--spacing-3)}.discount-inputs .form-group{margin-bottom:0}.form-label-sm{font-size:var(--text-xs);color:#78716c;margin-bottom:var(--spacing-1);display:block}.discount-preview{margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:#ffffffb3;border-radius:var(--radius-md);text-align:center;color:#059669;font-size:var(--text-sm)}.discount-preview strong{color:#047857}.hidden-discount-preview{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #f87171;border-radius:var(--radius-md);text-align:center;color:#991b1b;font-size:var(--text-sm)}.hidden-discount-preview strong{color:#dc2626}.device-badges{display:flex;gap:var(--spacing-2);align-items:center}.printed-badge{font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:var(--radius-full);border:1px solid #93c5fd}.showroom-page{max-width:1400px;margin:0 auto}.showroom-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--spacing-5);box-shadow:0 10px 40px #8b5cf64d;position:relative;overflow:hidden}.showroom-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.showroom-header>div{position:relative;z-index:1}.showroom-header .page-title{font-size:var(--text-2xl);font-weight:800;color:#fff;margin:0 0 4px}.showroom-header .page-subtitle{color:#fff;font-size:var(--text-sm);margin:0}.showroom-header .btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:#fff;color:#8b5cf6;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease;position:relative;z-index:1;text-decoration:none}.showroom-header .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.showroom-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-5);padding:var(--spacing-2);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow-x:auto}.showroom-tabs .tab-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.showroom-tabs .tab-btn:hover{background:var(--neutral-100);color:var(--text);transform:translateY(-1px)}.showroom-tabs .tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 4px 12px #8b5cf666}.showroom-tabs .tab-count{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0000001a;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.showroom-tabs .tab-btn.active .tab-count{background:#fff3}.showroom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-4)}.showroom-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .3s ease;display:flex;flex-direction:column;gap:var(--spacing-3);position:relative}.showroom-card:hover{border-color:#8b5cf6;box-shadow:0 12px 30px #8b5cf633;transform:translateY(-4px)}.showroom-card .card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);row-gap:var(--spacing-2)}.showroom-card .ticket-number{font-size:var(--text-lg);font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showroom-card .showroom-status-badge{display:inline-flex;align-items:center;gap:4px;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.device-info{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.device-name{font-weight:600;font-size:var(--text-lg);color:var(--text)}.device-type{background:var(--neutral-100);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;color:var(--text-muted)}.device-specs{display:flex;gap:var(--spacing-3);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)}.device-specs span{display:flex;align-items:center;gap:4px}.services-badges{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.service-badge{background:#f3e8ff;color:#7c3aed;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.service-badge.more{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.schedule-info{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fef3c7;color:#92400e;border-radius:var(--radius-lg);font-size:var(--text-sm)}.schedule-info.late{background:#fee2e2;color:#991b1b}.time-remaining{margin-right:auto;font-weight:600}.showroom-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--border);margin-top:auto;font-size:var(--text-sm);color:var(--text-muted)}.technician{display:flex;align-items:center;gap:4px;color:#8b5cf6;font-weight:500}.approval-badge{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;box-shadow:0 2px 8px #f9731666;white-space:nowrap}.progress-section{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2)}.progress-bar-small{flex:1;height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-small .progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);white-space:nowrap}.modification-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;box-shadow:0 2px 8px #ef444466;white-space:nowrap;flex-shrink:0;order:-1}.modification-badge.noted{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e66}.showroom-page .empty-state{text-align:center;padding:var(--spacing-10);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.showroom-page .empty-icon{font-size:64px;margin-bottom:var(--spacing-4)}.showroom-page .empty-state h3{font-size:var(--text-xl);margin-bottom:var(--spacing-2);color:var(--text)}.showroom-page .empty-state p{color:var(--text-muted)}.showroom-filter-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-4);gap:var(--spacing-3)}.showroom-per-page{border:none!important;padding:0!important;margin:0!important}.showroom-page .per-page-select{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);font-weight:600;color:var(--text);cursor:pointer;font-family:inherit;min-width:56px;transition:all .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;box-shadow:var(--shadow-sm)}.showroom-page .per-page-select:hover{border-color:#8b5cf6;background:#fff}.showroom-page .per-page-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.showroom-page .pagination-bar{display:flex;justify-content:center;align-items:center;gap:var(--spacing-5);margin-top:var(--spacing-5);padding:var(--spacing-4) var(--spacing-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-wrap:wrap}.showroom-page .pagination-info{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap}.showroom-page .pagination-total{color:#8b5cf6;font-weight:700}.showroom-page .pagination-controls{display:flex;align-items:center;gap:var(--spacing-1)}.showroom-page .page-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid var(--border);background:#fff;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease;padding:0 var(--spacing-1)}.showroom-page .page-btn:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf60d;transform:translateY(-1px)}.showroom-page .page-btn:disabled{opacity:.4;cursor:not-allowed}.showroom-page .page-btn.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border-color:transparent;box-shadow:0 4px 12px #8b5cf666}.showroom-page .page-dots{display:flex;align-items:center;justify-content:center;min-width:28px;height:36px;color:var(--text-muted);font-weight:600;font-size:var(--text-base);-webkit-user-select:none;user-select:none}.showroom-page .loading-container{display:flex;justify-content:center;align-items:center;padding:100px var(--spacing-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.showroom-page .spinner{color:#8b5cf6;animation:spin 1s linear infinite}@media (max-width: 768px){.showroom-header{flex-direction:column;align-items:stretch;gap:var(--spacing-3);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.showroom-header .page-title{font-size:var(--text-xl)}.showroom-header .btn-primary{justify-content:center;width:100%}.showroom-tabs{padding:var(--spacing-1);gap:var(--spacing-1);margin-bottom:var(--spacing-4)}.showroom-tabs .tab-btn{padding:var(--spacing-2) var(--spacing-3);flex:1;justify-content:center;flex-direction:column;gap:2px;font-size:var(--text-xs)}.showroom-tabs .tab-btn span:not(.tab-count){display:none}.showroom-tabs .tab-count{min-width:20px;height:20px;font-size:10px}.showroom-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.showroom-card{padding:var(--spacing-4);gap:var(--spacing-2)}.showroom-card .card-header{flex-wrap:wrap;gap:var(--spacing-2);row-gap:var(--spacing-2);align-items:flex-start}.showroom-card .ticket-number,.device-name{font-size:var(--text-base)}.schedule-info{flex-wrap:wrap;font-size:var(--text-xs)}.showroom-card .card-footer{flex-wrap:wrap;gap:var(--spacing-2)}.progress-text{font-size:10px}.showroom-page .pagination-bar{gap:var(--spacing-3);padding:var(--spacing-3)}.showroom-page .pagination-controls{gap:2px}.showroom-page .page-btn{min-width:32px;height:32px;font-size:var(--text-xs)}.showroom-page .page-btn.page-num{min-width:28px}.showroom-page .pagination-info{font-size:var(--text-xs)}.showroom-page .per-page-select{font-size:var(--text-xs);min-width:48px}.showroom-filter-bar{justify-content:center}}@media (max-width: 480px){.showroom-header,.showroom-card{padding:var(--spacing-3)}.showroom-tabs .tab-btn{padding:var(--spacing-2)}}.showroom-form-page{max-width:900px;margin:0 auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-5)}.showroom-form-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-2xl);color:#fff;box-shadow:0 8px 32px #8b5cf640;position:relative;overflow:hidden}.showroom-form-header:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:#ffffff14;border-radius:50%}.showroom-form-header:after{content:"";position:absolute;bottom:-30%;left:-10%;width:200px;height:200px;background:#ffffff0d;border-radius:50%}.showroom-form-header .header-right{display:flex;align-items:center;gap:var(--spacing-4);position:relative;z-index:1}.showroom-form-header .btn-ghost{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-lg);padding:var(--spacing-3)}.showroom-form-header .btn-ghost:hover{background:#ffffff40}.showroom-form-header .page-title,.showroom-form-header h1,.page-header.showroom-form-header .page-title{color:#fff!important;margin:0 0 4px;font-size:1.5rem;font-weight:700}.showroom-form-header .page-subtitle,.showroom-form-header p,.page-header.showroom-form-header .page-subtitle{margin:0;opacity:.85;font-size:var(--text-sm);color:#fff!important}.showroom-form-header>.btn-primary{background:#fff;color:#8b5cf6;border:none;padding:var(--spacing-3) var(--spacing-6);font-weight:600;border-radius:var(--radius-xl);box-shadow:0 4px 16px #00000026;position:relative;z-index:1;transition:all .3s ease}.showroom-form-header>.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.form-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.full-width{width:100%}.devices-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);background:#fff;border-radius:var(--radius-2xl);box-shadow:0 4px 24px #0000000f;border:1px solid rgba(139,92,246,.1)}.devices-header h3{margin:0;display:flex;align-items:center;gap:var(--spacing-3);font-size:1.1rem;font-weight:700;color:var(--text)}.devices-header h3 svg{color:#8b5cf6}.devices-header .btn-secondary{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-xl);font-weight:600;box-shadow:0 4px 12px #8b5cf64d;transition:all .3s ease}.devices-header .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.device-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 4px 24px #0000000f;border:2px solid transparent;overflow:hidden;transition:all .3s ease}.device-card:hover{box-shadow:0 8px 32px #00000014}.device-card.expanded{border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf626}.device-card.complete .device-number{background:linear-gradient(135deg,#22c55e,#16a34a)}.device-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);cursor:pointer;transition:background .2s ease;background:linear-gradient(135deg,#8b5cf608,#a855f708)}.device-card-header:hover{background:linear-gradient(135deg,#8b5cf60f,#a855f70f)}.device-info{display:flex;align-items:center;gap:var(--spacing-4);flex:1}.device-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-weight:700;font-size:1.1rem;border-radius:var(--radius-xl);flex-shrink:0;box-shadow:0 4px 12px #8b5cf64d}.device-summary{display:flex;flex-direction:column;gap:4px}.device-type-badge{font-weight:700;color:var(--text);font-size:1rem;display:flex;align-items:center;gap:var(--spacing-2)}.device-desc-preview{font-size:var(--text-sm);color:var(--text-muted);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.complete-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;box-shadow:0 4px 12px #22c55e4d}.device-actions{display:flex;align-items:center;gap:var(--spacing-3)}.device-actions .btn-ghost{padding:var(--spacing-2);border-radius:var(--radius-lg);color:#ef4444;opacity:.6;transition:all .2s ease}.device-actions .btn-ghost:hover{opacity:1;background:#ef44441a}.expand-icon{transition:transform .3s ease;color:var(--text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border-radius:var(--radius-lg)}.expand-icon.rotated{transform:rotate(180deg);background:#8b5cf633;color:#8b5cf6}.device-card-body{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 var(--spacing-6);background:#fff}.device-card-body.show{max-height:1500px;padding:var(--spacing-6);border-top:1px solid rgba(139,92,246,.1)}.device-card-body .form-group{margin-bottom:var(--spacing-5)}.device-card-body .form-label{font-weight:600;color:var(--text);margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2)}.device-card-body .form-input,.device-card-body .form-textarea{border:2px solid #e5e7eb;border-radius:var(--radius-xl);padding:var(--spacing-2);font-size:1rem;transition:all .2s ease;background:#fafafa;color:#1f2937}.device-card-body .form-input:focus,.device-card-body .form-textarea:focus{border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px #8b5cf61a}.device-card-body .form-textarea{resize:vertical;min-height:100px}.file-upload-zone{border:2px dashed #c4b5fd;border-radius:var(--radius-2xl);padding:var(--spacing-6);background:linear-gradient(180deg,#faf5ff,#fff);transition:all .3s ease;text-align:center}.file-upload-zone:hover{border-color:#8b5cf6;background:linear-gradient(180deg,#f5f3ff,#fff)}.file-upload-zone.has-file{border-style:solid;border-color:#22c55e;background:linear-gradient(180deg,#f0fdf4,#fff);padding:var(--spacing-4)}.file-drop-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);cursor:pointer;color:#8b5cf6}.file-drop-label svg{opacity:.6}.file-drop-label span{font-weight:600;color:#6b7280}.file-drop-label small{color:#9ca3af;font-size:var(--text-sm)}.file-preview{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);background:#fff;border-radius:var(--radius-xl);border:1px solid #d1fae5}.file-preview svg{color:#22c55e;flex-shrink:0}.file-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.file-name{font-weight:600;color:var(--text);font-size:.95rem}.file-size{font-size:var(--text-sm);color:#6b7280}.remove-file{color:#ef4444!important;opacity:.7}.remove-file:hover{opacity:1;background:#ef44441a!important}.services-checkboxes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}.service-checkbox{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-5);background:linear-gradient(180deg,#fafaff,#fff);border:2px solid #e5e7eb;border-radius:var(--radius-2xl);cursor:pointer;transition:all .3s ease;position:relative;text-align:center}.service-checkbox:hover{border-color:#c4b5fd;background:linear-gradient(180deg,#f5f3ff,#fff);transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf61f}.service-checkbox.selected{border-color:#8b5cf6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);box-shadow:0 8px 24px #8b5cf633;transform:translateY(-2px)}.service-icon{font-size:2rem;margin-bottom:var(--spacing-1)}.service-name{font-weight:700;color:#374151;font-size:.9rem}.service-name-en{font-size:var(--text-xs);color:#9ca3af}.check-icon{position:absolute;top:-10px;right:-10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;box-shadow:0 4px 12px #22c55e66;border:3px solid white}.selected-services{margin-top:var(--spacing-5);padding:var(--spacing-4);background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:var(--radius-xl);border:1px solid rgba(139,92,246,.2)}.selected-services strong{display:block;margin-bottom:var(--spacing-3);color:#7c3aed;font-size:var(--text-sm);font-weight:600}.selected-list{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.selected-tag{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;box-shadow:0 2px 8px #8b5cf64d}.form-sidebar{position:sticky;top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.sidebar-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 4px 24px #0000000f;overflow:hidden}.sidebar-card-header{padding:var(--spacing-4) var(--spacing-5);background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-bottom:1px solid rgba(139,92,246,.1)}.sidebar-card-header h4{margin:0;font-size:1rem;font-weight:700;color:#7c3aed;display:flex;align-items:center;gap:var(--spacing-2)}.sidebar-card-body{padding:var(--spacing-5)}.mobile-actions{display:none;padding:var(--spacing-5) 0;grid-column:1 / -1}.btn-block{width:100%;justify-content:center;padding:var(--spacing-4);font-size:var(--text-lg);background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:var(--radius-2xl);box-shadow:0 8px 24px #8b5cf64d}.btn-block:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf666}.loading-services,.no-services{text-align:center;padding:var(--spacing-6);color:#9ca3af;background:#f8fafc;border-radius:var(--radius-xl)}@media (max-width: 1024px){.showroom-form-page{grid-template-columns:1fr}.services-checkboxes{grid-template-columns:repeat(3,1fr)}.form-sidebar{position:static}}@media (max-width: 768px){.showroom-form-page{padding:var(--spacing-3)}.showroom-form-header{flex-direction:column;gap:var(--spacing-4);text-align:center;padding:var(--spacing-4)}.showroom-form-header .header-right{flex-direction:column}.showroom-form-header>.btn-primary{display:none}.mobile-actions{display:block}.devices-header{flex-direction:column;gap:var(--spacing-3);text-align:center}.device-card-header,.device-card-body.show{padding:var(--spacing-4)}.services-checkboxes{grid-template-columns:repeat(2,1fr)}.service-checkbox{padding:var(--spacing-4)}.service-icon{font-size:1.5rem}}@media (max-width: 480px){.services-checkboxes{grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.service-checkbox{padding:var(--spacing-3)}.service-name{font-size:.8rem}.service-icon{font-size:1.25rem}.check-icon{width:24px;height:24px;top:-8px;right:-8px}}.showroom-details{max-width:1200px;margin:0 auto}.showroom-details .page-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);color:#fff;box-shadow:0 10px 40px #8b5cf64d;position:relative;overflow:hidden}.showroom-details .page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.showroom-details .header-info{display:flex;align-items:center;gap:var(--spacing-4);position:relative;z-index:1}.showroom-details .btn-ghost{background:#ffffff26;color:#fff}.showroom-details .ticket-number{font-size:var(--text-2xl);font-weight:800;margin-bottom:4px;color:#fff!important;-webkit-text-fill-color:white!important}.showroom-details .showroom-details-status-badge{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.showroom-details .header-actions{display:flex;gap:var(--spacing-3);position:relative;z-index:1}.showroom-details .header-actions .btn{padding:var(--spacing-3) var(--spacing-5)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-5)}.detail-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.detail-card .card-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.detail-card .card-header.specs{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.detail-card .card-header.services{background:linear-gradient(135deg,#22c55e,#16a34a)}.detail-card .card-header.schedule{background:linear-gradient(135deg,#f59e0b,#f97316)}.detail-card .card-header h3{margin:0;font-size:var(--text-base)}.detail-card .card-body{padding:var(--spacing-5)}.device-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap}.device-header .device-type{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.device-header .device-name{font-size:var(--text-xl)}.info-row{display:flex;justify-content:space-between;padding:var(--spacing-3) 0;border-bottom:1px dashed var(--border);font-size:var(--text-sm)}.description{color:var(--text-muted);line-height:1.6;margin-top:var(--spacing-3)}.specs-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--neutral-50);border-radius:var(--radius-lg)}.spec-item span{font-size:var(--text-sm);color:var(--text-muted)}.spec-item strong{font-size:var(--text-sm)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.service-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:#f0fdf4;border:1px solid #86efac;border-radius:var(--radius-lg);font-size:var(--text-sm)}.service-icon{font-size:18px}.empty{color:var(--text-muted);text-align:center;padding:var(--spacing-4)}.schedule-box{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:#fef3c7;border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.schedule-box>div{flex:1}.schedule-box strong{display:block;font-size:var(--text-xs);color:#92400e;margin-bottom:2px}.schedule-box span{color:#78350f}.approved-badge{display:flex;align-items:center;gap:4px;background:#22c55e;color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.pending-badge{display:flex;align-items:center;gap:4px;background:#f59e0b;color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.staff-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.staff-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--text-muted)}.staff-item strong{margin-right:auto;color:var(--text)}.dates-list{padding-top:var(--spacing-3);border-top:1px solid var(--border)}.date-item{display:flex;justify-content:space-between;font-size:var(--text-sm);padding:var(--spacing-2) 0;color:var(--text-muted)}.date-item.completed{color:#22c55e}@media (max-width: 768px){.showroom-details .page-header{flex-direction:column;gap:var(--spacing-4);text-align:center}.showroom-details .header-info{flex-direction:column}.showroom-details .header-actions{width:100%;flex-direction:column}.showroom-details .header-actions .btn{width:100%;justify-content:center}.details-grid,.services-grid{grid-template-columns:1fr}}.modification-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-6);box-shadow:0 4px 15px #f59e0b40}.modification-alert .alert-header{display:flex;align-items:center;gap:var(--spacing-3);color:#92400e;margin-bottom:var(--spacing-3)}.modification-alert .alert-header strong{font-size:var(--text-lg)}.modification-alert .alert-body{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4);border:1px dashed #f59e0b}.modification-alert .alert-body p{margin:0;color:#78350f;line-height:1.6;white-space:pre-wrap}.modification-alert .btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;font-weight:600;padding:var(--spacing-3) var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-2)}.modification-history-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);margin-top:var(--spacing-5)}.modification-history-card .card-header.modification{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.modification-history-card .card-header h3{margin:0;font-size:var(--text-base);flex:1}.modification-history-card .status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.modification-history-card .status-badge.noted{background:#ffffffe6;color:#16a34a}.modification-history-card .status-badge.pending{background:#ffffffe6;color:#dc2626}.modification-note-box{background:#fef3c7;border:1px dashed #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-4)}.modification-note-box p{margin:0;color:#78350f;line-height:1.6;white-space:pre-wrap}.acknowledged-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px dashed var(--border);font-size:var(--text-sm);color:var(--text-muted)}.acknowledged-info .acknowledged-date{color:#16a34a}.modification-history-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.modification-entry{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-lg);overflow:hidden}.modification-entry.acknowledged{background:#f0fdf4;border-color:#22c55e}.modification-entry .entry-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:#0000000d;font-size:var(--text-sm)}.modification-entry .entry-number{font-weight:700;color:#f59e0b}.modification-entry.acknowledged .entry-number{color:#22c55e}.modification-entry .entry-date{flex:1;color:var(--text-muted)}.modification-entry .entry-status{font-size:var(--text-lg)}.modification-entry .entry-status.noted{color:#22c55e}.modification-entry .entry-note{padding:var(--spacing-3)}.modification-entry .entry-note p{margin:0;color:#78350f;line-height:1.6;white-space:pre-wrap}.modification-entry.acknowledged .entry-note p{color:#166534}.modification-entry .entry-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:#00000008;font-size:var(--text-xs);color:var(--text-muted)}.modification-entry .entry-footer strong{color:var(--text)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal,.modal-content{background:#fff;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000059;width:100%;max-width:450px;max-height:90vh;overflow:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5);background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-header h3{margin:0;font-size:var(--text-lg);font-weight:700}.modal-header .btn-ghost{background:#fff3;color:#fff;border:none;padding:var(--spacing-2);border-radius:var(--radius-lg)}.modal-header .btn-ghost:hover{background:#ffffff4d}.modal-body,.modal-content>form,.modal-content>.form-group,.modal-content>div:not(.modal-footer){padding:var(--spacing-5)}.modal-content>h3{padding:var(--spacing-5) var(--spacing-5) 0;margin:0;font-size:var(--text-lg);font-weight:700;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-4)}.modal-content>form{padding-top:var(--spacing-4)}.modal-footer{display:flex;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:var(--neutral-50);border-top:1px solid var(--border);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.modal-footer .btn{flex:1;justify-content:center;padding:var(--spacing-3) var(--spacing-4)}.modal .form-group,.modal-content .form-group{margin-bottom:var(--spacing-4)}.modal .form-label,.modal-content .form-label{display:block;margin-bottom:var(--spacing-2);font-weight:600;color:var(--text);font-size:var(--text-sm)}.modal .form-input,.modal-content .form-input,.modal-content input[type=text],.modal-content input[type=number],.modal-content input[type=date],.modal-content input[type=time],.modal-content textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:inherit;transition:all .2s ease;background:#fff}.modal .form-input:focus,.modal-content .form-input:focus,.modal-content input:focus,.modal-content textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.modal-content textarea{resize:vertical;min-height:120px}.detail-card .card-header.devices{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.devices-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.device-detail-card{background:var(--neutral-50);border:2px solid #e5e7eb;border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.device-detail-card:hover{border-color:#8b5cf6}.device-detail-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,#f3e8ff,#faf5ff);border-bottom:1px solid #e5e7eb}.device-detail-header .device-icon{font-size:24px}.device-detail-header .device-name{font-weight:600;flex:1;color:#374151}.device-detail-header .device-qty{background:#8b5cf6;color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.device-detail-header .device-points{font-size:var(--text-sm);color:#f59e0b;font-weight:600}.device-description{padding:var(--spacing-3) var(--spacing-4);margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;border-bottom:1px dashed #e5e7eb}.device-services-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.device-service-tag{display:inline-flex;align-items:center;gap:var(--spacing-1);background:#d1fae5;color:#065f46;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.device-progress{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:#d1fae5;color:#065f46;font-size:var(--text-sm);font-weight:600}.devices-section.full-width{grid-column:1 / -1}.devices-list-expandable{display:flex;flex-direction:column;gap:var(--spacing-3)}.device-expandable-card{background:#fff;border-radius:var(--radius-xl);border:2px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.device-expandable-card:hover{border-color:#c4b5fd}.device-expandable-card.expanded{border-color:#8b5cf6;box-shadow:0 4px 20px #8b5cf626}.device-expandable-card.has-modification{border-color:#f59e0b;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{border-color:#f59e0b}50%{border-color:#fbbf24;box-shadow:0 0 15px #f59e0b4d}}.device-expandable-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);cursor:pointer;background:linear-gradient(135deg,#faf5ff,#f5f3ff);transition:background .2s}.device-expandable-header:hover{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.device-main-info{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.device-main-info .device-icon{font-size:1.5rem}.device-main-info .device-name{font-weight:600;font-size:var(--text-base);color:var(--text-primary)}.device-qty-badge{background:#8b5cf6;color:#fff;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.device-status-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.modification-indicator{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.device-meta-info{display:flex;align-items:center;gap:var(--spacing-4);color:var(--text-muted)}.device-meta-info .device-points{font-weight:600;color:#f59e0b}.device-progress-text{font-size:var(--text-sm);background:#f3f4f6;padding:2px 8px;border-radius:4px}.device-expandable-body{padding:var(--spacing-4);border-top:1px solid #e5e7eb;background:#fff;animation:slideDown .2s ease-out}.device-detail-section{margin-bottom:var(--spacing-4)}.device-detail-section strong{display:block;margin-bottom:var(--spacing-2);color:var(--text-muted);font-size:var(--text-sm)}.device-detail-section p{margin:0;color:var(--text-primary)}.device-modification-alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);border:1px solid #f59e0b}.device-modification-alert>svg{color:#92400e;flex-shrink:0;margin-top:2px}.device-modification-alert>div{flex:1}.device-modification-alert strong{display:block;color:#92400e;font-size:var(--text-sm)}.device-modification-alert p{margin:var(--spacing-1) 0 0;color:#78350f;font-size:var(--text-sm)}.device-progress-bar{margin-bottom:var(--spacing-4)}.device-progress-bar .progress-header{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--spacing-1)}.device-progress-bar .progress-track{height:8px;background:#e5e7eb;border-radius:var(--radius-full);overflow:hidden}.device-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:var(--radius-full);transition:width .5s ease}.device-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.device-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-2)}.device-timestamps{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px dashed #e5e7eb;font-size:var(--text-sm);color:var(--text-muted)}.device-timestamps span{display:inline-flex;align-items:center;gap:var(--spacing-1)}.device-attachment{margin-top:var(--spacing-2)}.attachment-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-lg);color:#3b82f6;text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all .2s ease}.attachment-link:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.backup-manager{padding:25px;direction:rtl}.backup-manager.ltr{direction:ltr}.backup-manager .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.backup-manager .header-title h1{margin:0;font-size:1.6rem;color:#1a1a2e;display:flex;align-items:center;gap:10px}.backup-manager .header-title p{margin:4px 0 0;color:#64748b;font-size:.9rem}.backup-manager .btn-new{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.backup-manager .btn-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.backup-manager .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.backup-manager .mini-stat{background:#fff;border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;border:1px solid #f0f0f0}.backup-manager .mini-stat:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.backup-manager .mini-stat .stat-info .count{font-size:1.8rem;font-weight:800;color:#1a1a2e;display:block;line-height:1}.backup-manager .mini-stat .stat-info .label{font-size:.8rem;color:#64748b;margin-top:4px;display:block}.backup-manager .mini-stat .stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.backup-manager .filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.backup-manager .search-input{flex:1;min-width:200px;padding:10px 16px;border:2px solid #e8e8ef;border-radius:12px;font-size:.95rem;transition:border-color .3s;background:#fff;direction:inherit}.backup-manager .search-input:focus{outline:none;border-color:#6366f1}.backup-manager .filter-select{padding:10px 16px;border:2px solid #e8e8ef;border-radius:12px;font-size:.95rem;background:#fff;cursor:pointer;min-width:160px;direction:inherit}.backup-manager .filter-select:focus{outline:none;border-color:#6366f1}.backup-manager .backup-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;border:1px solid #f0f0f0}.backup-manager .backup-table{width:100%;border-collapse:collapse}.backup-manager .backup-table th{background:linear-gradient(135deg,#f8f9fe,#f0f1f5);padding:14px 16px;font-weight:700;font-size:.85rem;color:#475569;text-align:right;white-space:nowrap;border-bottom:2px solid #e2e8f0}.backup-manager.ltr .backup-table th{text-align:left}.backup-manager .backup-table td{padding:14px 16px;font-size:.9rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.backup-manager .backup-table tr:hover td{background:#f8f9fe}.backup-manager .backup-table tr:last-child td{border-bottom:none}.backup-manager .hd-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.backup-manager .folder-name{font-weight:600;color:#1a1a2e;max-width:280px;word-break:break-word}.backup-manager .specs-text{font-size:.82rem;color:#64748b;max-width:250px;word-break:break-word}.backup-manager .date-text{font-size:.85rem;color:#475569;white-space:nowrap}.backup-manager .type-badge{display:inline-block;padding:3px 10px;border-radius:8px;font-size:.78rem;font-weight:600;background:#f0f1f5;color:#475569}.backup-manager .actions-cell{display:flex;gap:6px;align-items:center}.backup-manager .btn-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:none;cursor:pointer;transition:all .2s;background:#f1f5f9;color:#475569}.backup-manager .btn-icon:hover{background:#e2e8f0;transform:scale(1.05)}.backup-manager .btn-icon.edit{color:#3b82f6;background:#dbeafe}.backup-manager .btn-icon.edit:hover{background:#bfdbfe}.backup-manager .btn-icon.delete{color:#ef4444;background:#fee2e2}.backup-manager .btn-icon.delete:hover{background:#fecaca}.backup-manager .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.backup-manager .modal{background:#fff;border-radius:20px;width:100%;max-width:550px;box-shadow:0 20px 60px #0003;animation:modalIn .3s ease;max-height:90vh;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.backup-manager .modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.backup-manager .modal-header h2{margin:0;font-size:1.2rem;color:#1a1a2e}.backup-manager .modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:8px;transition:all .2s}.backup-manager .modal-close:hover{background:#f1f5f9;color:#475569}.backup-manager .modal-body{padding:24px}.backup-manager .form-group{margin-bottom:18px}.backup-manager .form-group label{display:block;font-weight:600;font-size:.85rem;color:#475569;margin-bottom:6px}.backup-manager .form-group input,.backup-manager .form-group select,.backup-manager .form-group textarea{width:100%;padding:10px 14px;border:2px solid #e8e8ef;border-radius:10px;font-size:.95rem;transition:border-color .3s;background:#fafbfc;box-sizing:border-box;direction:inherit}.backup-manager .form-group input:focus,.backup-manager .form-group select:focus,.backup-manager .form-group textarea:focus{outline:none;border-color:#6366f1;background:#fff}.backup-manager .form-group textarea{min-height:80px;resize:vertical}.backup-manager .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.backup-manager .modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end}.backup-manager .btn-save{padding:10px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.backup-manager .btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6366f14d}.backup-manager .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.backup-manager .btn-cancel{padding:10px 24px;background:#f1f5f9;color:#475569;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.backup-manager .btn-cancel:hover{background:#e2e8f0}.backup-manager .empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f}.backup-manager .empty-icon{margin-bottom:16px;color:#94a3b8}.backup-manager .empty-state h3{margin:0 0 8px;color:#475569;font-size:1.1rem}.backup-manager .empty-state p{margin:0 0 20px;color:#94a3b8;font-size:.9rem}.backup-manager .btn-empty{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.backup-manager .btn-empty:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6366f14d}.backup-manager .loading-state{display:flex;justify-content:center;padding:60px 0}.backup-manager .spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.backup-manager{padding:15px}.backup-manager .page-header{flex-direction:column;align-items:stretch}.backup-manager .stats-row{grid-template-columns:1fr 1fr}.backup-manager .filters-bar{flex-direction:column}.backup-manager .search-input,.backup-manager .filter-select{width:100%}.backup-manager .backup-table-container{overflow-x:auto}.backup-manager .backup-table{min-width:700px}.backup-manager .form-row{grid-template-columns:1fr}.backup-manager .modal{max-width:95%}}.backup-match-card{border-radius:14px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:flex-start;gap:14px;animation:slideDown .4s ease;border:2px solid transparent}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.backup-match-card.found{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#86efac}.backup-match-card.partial{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.backup-match-card.not-found{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.backup-match-card .match-icon{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.backup-match-card.found .match-icon{background:#22c55e;color:#fff}.backup-match-card.partial .match-icon{background:#f59e0b;color:#fff}.backup-match-card.not-found .match-icon{background:#ef4444;color:#fff}.backup-match-card .match-content{flex:1}.backup-match-card .match-title{font-weight:700;font-size:.95rem;margin-bottom:4px}.backup-match-card.found .match-title{color:#065f46}.backup-match-card.partial .match-title{color:#92400e}.backup-match-card.not-found .match-title{color:#991b1b}.backup-match-card .match-details{font-size:.85rem;color:#475569;display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.backup-match-card .match-detail-item{display:flex;align-items:center;gap:4px}.backup-match-card .match-detail-item strong{font-weight:700}.backup-match-card .match-score{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.backup-match-card.found .match-score{background:#22c55e;color:#fff}.backup-match-card.partial .match-score{background:#f59e0b;color:#fff}.backup-match-card .partial-matches{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.15)}.backup-match-card .partial-match-item{font-size:.82rem;color:#475569;padding:4px 0;display:flex;align-items:center;gap:8px}.backup-match-card .partial-match-item .pm-score{display:inline-block;padding:1px 8px;border-radius:12px;font-size:.72rem;font-weight:700;background:#00000014}.backup-match-card .match-loading{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8f9fe;border-radius:12px;margin-bottom:20px;color:#64748b;font-size:.9rem}.backup-match-card .match-loading .mini-spinner{width:18px;height:18px;border:2px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite}.reports-page{max-width:1400px;margin:0 auto}.reports-header{background:linear-gradient(135deg,#f093fb,#f5576c);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--spacing-5)}.reports-header .page-title{color:#fff;margin-bottom:4px}.page-subtitle{opacity:.8;font-size:var(--text-sm);margin:0}.quick-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.stat-card{display:flex;align-items:center;gap:var(--spacing-4);background:#fff;padding:var(--spacing-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);color:#fff}.stat-card.today .stat-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-card.week .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.tickets .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#f59e0b,#f97316)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:var(--text-xl);font-weight:800;color:var(--text)}.stat-label{font-size:var(--text-sm);color:var(--text-muted)}.reports-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-2);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.reports-tabs .tab-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.reports-tabs .tab-btn:hover{background:var(--neutral-100);color:var(--text);transform:translateY(-1px)}.reports-tabs .tab-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 12px #f093fb66}.date-range-picker{display:flex;align-items:center;gap:var(--spacing-4);background:#fff;padding:var(--spacing-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-5);flex-wrap:wrap}.date-group{display:flex;align-items:center;gap:var(--spacing-2)}.date-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.date-group input{padding:var(--spacing-2) var(--spacing-3);border:2px solid var(--border);border-radius:var(--radius-lg);font-family:inherit}.date-group input:focus{outline:none;border-color:var(--primary)}.quick-dates{display:flex;gap:var(--spacing-2);margin-right:auto}.quick-dates button{padding:var(--spacing-2) var(--spacing-4);background:var(--neutral-100);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.quick-dates button:hover{background:var(--primary);color:#fff}.report-content{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-5)}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.report-card{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.report-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.report-card .card-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);color:#fff}.report-card .card-header.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.report-card .card-header.green{background:linear-gradient(135deg,#11998e,#38ef7d)}.report-card .card-header.purple{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.report-card .card-header h3{margin:0;font-size:var(--text-base)}.report-card .card-body{padding:var(--spacing-4)}.stat-row{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;border-bottom:1px dashed var(--border)}.stat-row:last-child{border-bottom:none}.stat-row strong.success{color:#22c55e}.stat-row strong.info{color:#3b82f6}.revenue-total{font-size:var(--text-2xl);font-weight:800;color:#22c55e;text-align:center;padding:var(--spacing-4) 0;margin-bottom:var(--spacing-4);border-bottom:2px dashed var(--border)}.payment-methods{display:flex;flex-direction:column;gap:var(--spacing-2)}.method-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--neutral-50);border-radius:var(--radius-lg);font-size:var(--text-sm)}.method-item strong{margin-right:auto}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:var(--spacing-3) var(--spacing-4);text-align:right;border-bottom:1px solid var(--border)}.report-table th{background:var(--neutral-50);font-weight:600;color:var(--text-muted);font-size:var(--text-sm)}.report-table tbody tr:hover{background:var(--neutral-50)}.tech-name{display:flex;align-items:center;gap:var(--spacing-3)}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.performance-bar{width:120px;height:24px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden;position:relative}.performance-bar .bar-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .5s ease}.performance-bar.green .bar-fill{background:linear-gradient(135deg,#11998e,#38ef7d)}.performance-bar span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-xs);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.profit-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.profit-total,.profit-tickets{text-align:center;padding:var(--spacing-6);border-radius:var(--radius-xl);background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.profit-tickets{background:linear-gradient(135deg,#667eea,#764ba2)}.profit-total span,.profit-tickets span{display:block;opacity:.8;margin-bottom:var(--spacing-2)}.profit-total strong,.profit-tickets strong{font-size:var(--text-3xl);font-weight:800}.profit-chart{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--spacing-5)}.profit-chart h3{margin-bottom:var(--spacing-4)}.chart-bars{display:flex;gap:var(--spacing-2);height:200px;align-items:flex-end}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);min-width:30px}.chart-bar{width:100%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-height:4px;display:flex;justify-content:center;padding-top:var(--spacing-2);position:relative}.bar-value{position:absolute;top:-24px;font-size:var(--text-xs);font-weight:600;white-space:nowrap;display:none}.chart-bar:hover .bar-value{display:block}.bar-label{font-size:var(--text-xs);color:var(--text-muted)}.chart-container{background:linear-gradient(135deg,#f8f9fc,#fff);border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-5);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.chart-container h4{margin:0 0 var(--spacing-4);font-size:var(--text-base);font-weight:700;color:var(--text);display:flex;align-items:center;gap:var(--spacing-2)}.chart-container h4 svg{color:var(--primary)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-5);margin-bottom:var(--spacing-5)}.chart-wrapper{width:100%;height:280px}.report-table{width:100%;border-collapse:collapse;border-radius:var(--radius-xl);overflow:hidden}.report-table th{background:linear-gradient(135deg,#f8f9fc,#eef1f5);font-weight:700;color:var(--text);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-4);border-bottom:2px solid var(--border)}.report-table td{padding:var(--spacing-4);border-bottom:1px solid var(--border);transition:all .2s ease}.report-table tbody tr{transition:all .2s ease}.report-table tbody tr:hover{background:linear-gradient(135deg,#f8f9fc,#fafbfd);transform:scale(1.005)}.report-table tbody tr:hover td{color:var(--primary)}.data-positive{color:#22c55e!important;font-weight:700}.data-negative{color:#ef4444!important;font-weight:700}.data-neutral{color:#f59e0b!important;font-weight:700}.stat-card{display:flex;align-items:center;gap:var(--spacing-4);background:#fff;padding:var(--spacing-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0%,#764ba2 100%);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);color:#fff;animation:pulse-icon 2s infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media print{.reports-header,.reports-tabs,.date-range-picker button,.quick-dates{display:none!important}.report-content{box-shadow:none;border:1px solid #ddd}.chart-container{page-break-inside:avoid}}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.report-cards,.profit-summary{grid-template-columns:1fr}}@media (max-width: 768px){.quick-stats-grid{grid-template-columns:1fr}.reports-tabs{overflow-x:auto;padding:var(--spacing-2);gap:var(--spacing-1)}.reports-tabs .tab-btn{padding:var(--spacing-2) var(--spacing-3);min-width:50px;justify-content:center}.reports-tabs .tab-btn span{display:none}.date-range-picker{flex-direction:column;align-items:stretch}.date-group{width:100%}.date-group input{flex:1}.quick-dates{margin-right:0;width:100%;justify-content:center;flex-wrap:wrap}.report-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(var(--spacing-5) * -1);padding:0 var(--spacing-5)}.report-table{font-size:var(--text-sm);min-width:600px}.report-table th,.report-table td{padding:var(--spacing-3);white-space:nowrap}.performance-bar{width:80px}.chart-wrapper{height:220px}.stat-card{padding:var(--spacing-4)}.stat-icon{width:48px;height:48px}.stat-value{font-size:var(--text-lg)}}@media (max-width: 480px){.reports-header{padding:var(--spacing-4)}.page-title{font-size:var(--text-xl)}.report-content,.chart-container{padding:var(--spacing-3)}.chart-wrapper{height:180px}}.showroom-report-page{max-width:1400px;margin:0 auto}.page-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:4px}.header-actions{display:flex;gap:var(--spacing-2);background:transparent!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}.header-btn{background:#fff!important;color:#374151!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-lg);font-weight:600;cursor:pointer}.header-btn:hover{background:#f8fafc!important;transform:translateY(-2px);box-shadow:0 4px 6px #00000026;color:#111827!important}.filters-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-4);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-sm)}.filter-row{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.filter-group{flex:1;min-width:180px}.filter-group label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);margin-bottom:var(--spacing-2)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.summary-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4);box-shadow:var(--shadow-sm)}.summary-card svg{color:var(--primary);background:var(--primary-light);padding:12px;border-radius:var(--radius-lg)}.summary-card.highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.summary-card.highlight svg{color:#fff;background:#fff3}.summary-value{display:block;font-size:var(--text-2xl);font-weight:700}.summary-label{display:block;font-size:var(--text-sm);opacity:.8}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);overflow:hidden}.card-header{padding:var(--spacing-4);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--spacing-2)}.card-header h3{margin:0;display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-lg)}.table-responsive{overflow-x:auto}.tickets-table{font-size:var(--text-sm)}.tickets-table th{white-space:nowrap;background:var(--neutral-50)}.description-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.services-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted);font-size:var(--text-xs)}.weighted-cell{font-weight:700;color:var(--primary)}.print-header{display:none}@media print{.print-header{display:block!important;text-align:center;padding:20px 0;margin-bottom:20px}.print-header h1{font-size:24px;margin:0 0 10px}.print-header h2{font-size:18px;margin:15px 0 5px;color:#4b5563}.print-header p{margin:3px 0;color:#6b7280;font-size:14px}.print-header hr{margin:15px auto;width:50%;border:none;border-top:2px solid #e5e7eb}.page-header,.filters-card,.summary-cards{display:none!important}.showroom-report-page{max-width:100%!important;padding:0!important;margin:0!important}.card{box-shadow:none!important;border:1px solid #ddd;margin-bottom:20px;page-break-inside:avoid}.card-header{background:#f3f4f6!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.table{font-size:11px}.table th{background:#f3f4f6!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.weighted-cell{font-weight:700;color:#2563eb!important}@page{size:A4 landscape;margin:10mm}}@media (max-width: 768px){.filter-row{flex-direction:column}.summary-cards{grid-template-columns:1fr}.header-actions{flex-direction:column}}.settings-page{max-width:1200px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#374151,#1f2937);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--spacing-5)}.settings-header .page-title{color:#fff;margin-bottom:4px}.settings-header .page-subtitle{opacity:.7}.settings-header .btn-primary{background:#fff;color:#374151}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-5);align-items:start}.settings-sidebar{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-3);box-shadow:var(--shadow-sm);position:sticky;top:var(--spacing-4)}.sidebar-btn{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);text-align:right}.sidebar-btn:hover{background:var(--neutral-100);color:var(--text);transform:translate(-3px)}.sidebar-btn.active{background:linear-gradient(135deg,#374151,#1f2937);color:#fff;box-shadow:0 4px 12px #37415166}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-5)}.settings-section{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow var(--transition-base)}.settings-section:hover{box-shadow:var(--shadow-md)}.settings-section .section-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:linear-gradient(135deg,#374151,#1f2937);color:#fff}.settings-section .section-header h3{margin:0;font-size:var(--text-base)}.settings-section .section-body{padding:var(--spacing-5)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-row:last-child{margin-bottom:0}.form-group{margin-bottom:var(--spacing-4)}.form-group:last-child{margin-bottom:0}.form-hint{display:block;margin-top:4px;font-size:var(--text-xs);color:var(--text-muted)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.notification-templates{margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--border)}.notification-templates h4{margin-bottom:var(--spacing-4);color:var(--text-muted);font-size:var(--text-sm)}.template-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.template-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--neutral-50);border-radius:var(--radius-lg)}.template-name{font-weight:500}.template-status{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);background:var(--neutral-200);color:var(--text-muted)}.template-status.active{background:#d1fae5;color:#065f46}.header-upload-section{margin-top:var(--spacing-5);padding-top:var(--spacing-4);border-top:1px solid var(--border)}.header-upload-section .form-label{display:flex;align-items:center;font-weight:600;margin-bottom:var(--spacing-2)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-6);border:2px dashed var(--border);border-radius:var(--radius-xl);background:var(--neutral-50);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-3)}.upload-area:hover{border-color:var(--primary);background:#6366f10d}.upload-area svg{color:var(--text-muted)}.upload-area span{font-weight:500;color:var(--text)}.upload-area small{color:var(--text-muted);font-size:var(--text-xs)}.header-preview{margin-top:var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.header-image{width:100%;max-width:595px;height:auto;display:block}.logo-image{width:auto;max-width:200px;max-height:200px;height:auto;display:block;margin:var(--spacing-3);object-fit:contain}.header-actions{display:flex;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--neutral-50);border-top:1px solid var(--border)}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static;display:flex;gap:var(--spacing-2);overflow-x:auto;padding:var(--spacing-2)}.sidebar-btn{white-space:nowrap;padding:var(--spacing-2) var(--spacing-3)}.sidebar-btn span{display:none}.form-row{grid-template-columns:1fr}}.sound-settings-section{margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--border)}.sound-settings-section h4{display:flex;align-items:center;gap:var(--spacing-2);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-2)}.sound-upload-item{margin-top:var(--spacing-4)}.sound-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--neutral-50);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-2)}.sound-upload-area:hover{border-color:var(--primary);background:#6366f10d}.sound-upload-area svg{color:var(--text-muted)}.sound-upload-area span{font-weight:500;color:var(--text)}.sound-upload-area small{color:var(--text-muted);font-size:var(--text-xs)}.sound-preview{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--neutral-50);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--spacing-2)}.sound-filename{font-size:.85rem;color:var(--text);font-family:monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.notification-templates{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border)}.notification-templates h4{font-size:var(--text-lg);margin-bottom:var(--spacing-2);color:var(--text)}.status-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;margin-left:var(--spacing-2)}.status-badge.waiting{background:#fef3c7}.status-badge.servicing{background:#dbeafe}.status-badge.serviced{background:#d1fae5}.status-badge.delivered{background:#e5e7eb}.track-loading,.track-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:2rem}.track-loading p{margin-top:1rem;opacity:.8}.error-icon{font-size:80px;margin-bottom:1rem}.track-error h1{margin-bottom:.5rem}.track-error small{opacity:.7}.track-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;font-family:Segoe UI,Cairo,sans-serif}.track-page.rtl{direction:rtl}.track-page.ltr{direction:ltr}.track-header{max-width:700px;margin:0 auto 1.5rem;padding:1rem 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;color:#fff}.brand-icon{font-size:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.brand-logo{width:300px;height:100px;border-radius:8px;object-fit:contain;padding:4px}.brand h1{font-size:1.25rem;margin:0;font-weight:700}.brand p{margin:0;opacity:.7;font-size:.85rem}.language-selector{display:flex;align-items:center;gap:.5rem;color:#fff}.lang-select{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.lang-select:hover{background:#ffffff40}.lang-select option{background:#1e293b;color:#fff}.track-card{max-width:700px;margin:0 auto;background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 20px 60px #0000004d}.ticket-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px dashed #e5e7eb}.ticket-number{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ticket-date{font-size:.875rem;color:#6b7280}.current-status{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:16px;margin-bottom:2rem}.current-status.status-waiting{background:#fef3c7;color:#92400e}.current-status.status-servicing{background:#dbeafe;color:#1e40af}.current-status.status-serviced{background:#d1fae5;color:#065f46}.current-status.status-delivered{background:#e5e7eb;color:#374151}.status-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a}.status-text{display:flex;flex-direction:column}.status-text .ar{font-size:1.25rem;font-weight:700}.status-text .en{font-size:.875rem;opacity:.7}.status-message-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;border-right:4px solid #667eea}.status-message{margin:0;font-size:.95rem;line-height:1.7;color:#4b5563}.status-message.success{color:#065f46;font-weight:600}.status-message-card:has(.success){background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#22c55e}.status-message.delivered{color:#374151}.status-message-card:has(.delivered){background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#6b7280}.staff-info-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;margin-bottom:1.5rem;border-right:4px solid #3b82f6;color:#1e40af}.staff-info-card.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#22c55e;color:#065f46}.staff-info-card.waiting{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.staff-info-card.waiting .staff-phone{color:#92400e;border-color:#fde68a}.staff-info-card.waiting .staff-phone:hover{background:#fef3c7}.staff-label{font-size:.8rem;opacity:.8}.staff-name{font-size:1.1rem;font-weight:700}.staff-details{display:flex;flex-direction:column;gap:.25rem}.staff-contact{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:1rem;margin-top:.75rem}.contact-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.contact-icon-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.contact-icon-btn.phone{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.contact-icon-btn.email{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.contact-icon-btn.whatsapp{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.staff-info-card.waiting .contact-icon-btn.phone{background:linear-gradient(135deg,#f59e0b,#d97706)}.staff-info-card.success .contact-icon-btn.phone{background:linear-gradient(135deg,#10b981,#059669)}.contact-section{background:#f8fafc;border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.contact-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#667eea;margin-bottom:1rem}.contact-grid{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:10px;color:#374151;text-decoration:none;transition:all .2s ease;border:1px solid #e5e7eb}.contact-item:hover{background:#f1f5f9;transform:translate(-3px)}.contact-item svg{color:#667eea}.contact-item.whatsapp{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;font-weight:600}.contact-item.whatsapp:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translate(-3px)}.contact-item.whatsapp svg{color:#fff}.timeline{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.timeline-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-line{position:absolute;top:18px;inset-inline-start:50%;width:100%;height:4px;z-index:1}.timeline-step:last-child .step-line{display:none}.step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.step-label{margin-top:.75rem;text-align:center}.step-label .ar{display:block;font-size:.75rem;font-weight:600;color:#374151}.step-label .en{display:block;font-size:.625rem;color:#9ca3af}.timeline-step:not(.completed) .step-label{opacity:.5}.device-section,.procedures-section,.technician-section,.financial-section{margin-bottom:1.5rem;padding:1.25rem;background:#f8fafc;border-radius:16px}.device-section h3,.procedures-section h3,.technician-section h3,.financial-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#667eea;margin-bottom:1rem}.device-info{background:#fff;padding:1rem;border-radius:12px}.device-main{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.device-type{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.device-name{font-weight:600}.issue{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6}.devices-list{display:flex;flex-direction:column;gap:1rem}.device-info{background:#fff;padding:1rem;border-radius:12px;border-left:4px solid #667eea;transition:all .2s ease}.device-info.device-status-waiting{border-left-color:#f59e0b}.device-info.device-status-servicing{border-left-color:#3b82f6}.device-info.device-status-serviced{border-left-color:#22c55e}.device-info.device-status-delivered{border-left-color:#6b7280}.device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.device-number{font-weight:700;color:#374151;font-size:.9rem}.device-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.device-status-badge.status-waiting{background:#fef3c7;color:#92400e}.device-status-badge.status-servicing{background:#dbeafe;color:#1e40af}.device-status-badge.status-serviced{background:#d1fae5;color:#065f46}.device-status-badge.status-delivered{background:#e5e7eb;color:#374151}.procedures-table{width:100%;background:#fff;border-radius:12px;overflow:hidden}.procedures-table th,.procedures-table td{padding:.75rem 1rem;text-align:right}.procedures-table th{background:#eef2ff;font-size:.75rem;color:#6b7280;font-weight:600}.procedures-table tbody tr:not(:last-child) td{border-bottom:1px solid #e5e7eb}.procedures-table tfoot td{background:#f0fdf4;font-weight:600;color:#065f46}.technician-info{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem;border-radius:12px}.tech-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.tech-details{display:flex;flex-direction:column;gap:.25rem}.tech-details span{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.financial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.financial-item{background:#fff;padding:1rem;border-radius:12px;text-align:center}.financial-item span{display:block;font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.financial-item strong{font-size:1rem}.financial-item.paid strong{color:#22c55e}.financial-item.remaining strong{color:#ef4444}.financial-item.zero strong{color:#22c55e}.track-footer{max-width:700px;margin:1.5rem auto 0;text-align:center;color:#fff;padding:1rem}.track-footer p{margin:.25rem 0;opacity:.7;font-size:.85rem}@media (max-width: 768px){.track-page{padding:.75rem}.track-card{padding:1.25rem;border-radius:16px}.header-content{flex-direction:column;text-align:center}.brand{justify-content:center}.language-selector{width:100%;justify-content:center}.staff-contact{flex-wrap:wrap}.financial-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.track-page{padding:.5rem}.track-header{padding:.75rem;margin-bottom:1rem}.brand-icon{font-size:28px}.brand h1{font-size:1rem}.track-card{padding:1rem;border-radius:12px}.ticket-info{flex-direction:column;text-align:center;gap:.5rem}.ticket-number{font-size:1.4rem}.current-status{flex-direction:column;text-align:center;padding:1rem}.status-icon{width:48px;height:48px}.timeline{padding:0 .5rem}.step-label{font-size:.65rem}.step-dot{width:28px;height:28px}.staff-info-card{flex-direction:column;text-align:center;padding:1rem}.staff-contact{justify-content:center;flex-wrap:wrap}.staff-phone,.staff-email,.staff-whatsapp{padding:.35rem .6rem;font-size:.7rem}.device-section,.procedures-section,.financial-section{padding:1rem}.financial-grid{grid-template-columns:1fr;gap:.5rem}.financial-item{padding:.75rem}.procedures-table th,.procedures-table td{padding:.5rem;font-size:.8rem}}.monitor-loading{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;gap:1rem}.monitor-loading .spinner{animation:spin 1s linear infinite}.monitor-page{height:var(--monitor-vh, 100vh);max-height:var(--monitor-vh, 100vh);background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;display:flex;flex-direction:column;font-family:Cairo,sans-serif;overflow:hidden}.monitor-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;background:#00000080;border-bottom:2px solid rgba(255,255,255,.1)}.header-right{display:flex;align-items:center;gap:.5rem}.header-right h1{font-size:1.1rem;font-weight:700;margin:0;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-stats{display:flex;gap:.75rem}.stat{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:8px;font-size:.8rem}.stat .count{font-size:1.25rem;font-weight:800}.stat .label{font-size:.7rem;opacity:.9}.repair-stat{background:linear-gradient(135deg,#3b82f64d,#3b82f61a);border:1px solid rgba(59,130,246,.5)}.showroom-stat{background:linear-gradient(135deg,#8b5cf64d,#8b5cf61a);border:1px solid rgba(139,92,246,.5)}.urgent-stat{background:linear-gradient(135deg,#ef44444d,#ef44441a);border:1px solid rgba(239,68,68,.5)}.high-stat{background:linear-gradient(135deg,#f973164d,#f973161a);border:1px solid rgba(249,115,22,.5)}.stat.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.sound-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sound-btn.on{background:#22c55e4d;border:1px solid rgba(34,197,94,.5)}.sound-btn.off{background:#ef44444d;border:1px solid rgba(239,68,68,.5)}.new-ticket-banner{background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff;text-align:center;padding:.5rem;font-weight:600;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.monitor-page.new-ticket-flash{animation:flash .5s ease}@keyframes flash{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 100px #22c55e4d}}.header-left{display:flex;align-items:center;gap:.5rem}.refresh-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.refresh-btn:hover{background:#ffffff40}.refresh-btn.spinning svg{animation:spin 1s linear infinite}.header-left .time{font-size:1.1rem;opacity:.9;font-family:monospace;font-weight:700}.monitor-content{flex:1;display:flex;flex-direction:column;padding:.5rem;overflow:hidden;min-height:0}.monitor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{font-size:60px;margin-bottom:.5rem}.monitor-empty h2{font-size:1.5rem;opacity:.8}.sections-container{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex:1;min-height:0;overflow:hidden}.ticket-section{background:#0003;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.repair-section{border-top:3px solid #3b82f6}.showroom-section{border-top:3px solid #8b5cf6}.section-header{display:flex;justify-content:space-between;align-items:center;padding:.35rem .75rem;background:#0000004d}.section-title{display:flex;align-items:center;gap:.5rem}.section-title h2{font-size:.95rem;margin:0;font-weight:600;color:#fff}.section-count{background:#fff3;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:700;color:#fff}.section-pages{display:flex;gap:.3rem}.section-pages .dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.section-pages .dot.active{background:#fff;transform:scale(1.2)}.ticket-section .tickets-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:.5rem;padding:.5rem .75rem;flex:1}.no-tickets{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;opacity:.5;font-size:.9rem}.ticket-card{background:#ffffff14;border-radius:10px;padding:.6rem;display:flex;flex-direction:column;gap:.3rem;border-inline-end:3px solid #3b82f6;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.ticket-card.priority-urgent{border-inline-end-color:#ef4444;background:linear-gradient(135deg,#ef444433,#ef44440d)}.ticket-card.priority-high{border-inline-end-color:#f97316;background:linear-gradient(135deg,#f9731633,#f973160d)}.ticket-card.priority-normal{border-inline-end-color:#3b82f6}.ticket-card.priority-low{border-inline-end-color:#22c55e}.showroom-card{border-inline-end-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf626,#8b5cf60d)}.card-top{display:flex;justify-content:space-between;align-items:center}.priority-tag,.status-tag{display:flex;align-items:center;gap:.2rem;padding:.15rem .4rem;border-radius:4px;font-size:.6rem;font-weight:600}.status-tag{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.status-tag.scheduled{background:linear-gradient(135deg,#10b981,#059669)}.time-tag{display:flex;align-items:center;gap:.2rem;font-size:.6rem;opacity:.6}.ticket-num{font-size:1rem;font-weight:800;font-family:Courier New,monospace;color:#60a5fa}.customer{font-size:.85rem;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-info{display:flex;align-items:center;gap:.3rem;background:none;flex:0 0 auto;line-height:1}.device-icon{font-size:.9rem}.device-detail{font-size:.8rem;font-weight:700;color:#fff;text-transform:capitalize;background:none}.device-row{display:flex;align-items:center;gap:.3rem}.device-name{font-size:.7rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-section{flex:1;display:flex;flex-direction:column;margin-top:.2rem;min-height:0}.issue-label{font-size:.6rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.1rem}.issue{font-size:1rem;font-weight:700;color:#fbbf24;white-space:normal;line-height:1.3;padding:.25rem .4rem;background:#0003;border-radius:4px;flex:1;overflow-y:auto}.showroom-card .issue-section{flex:1;min-height:0;overflow:hidden}.showroom-card .issue{flex:1;overflow:hidden;word-break:break-word}.scheduled-time{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:#10b981;margin-top:auto}.monitor-footer{padding:.4rem 1rem;background:#00000080;display:flex;justify-content:center;gap:2rem;font-size:.75rem;opacity:.7}@media (min-width: 1600px){.ticket-num{font-size:1.1rem}.customer{font-size:.95rem}}.lang-toggle{display:flex;align-items:center;gap:.3rem;background:#60a5fa40;border:1px solid rgba(96,165,250,.5);color:#fff;padding:.35rem .6rem;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .3s ease;letter-spacing:.5px}.lang-toggle:hover{background:#60a5fa66;transform:scale(1.05)}.monitor-services-section{margin-top:.2rem}.monitor-services-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:.15rem}.monitor-service-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:600;background:#8b5cf640;color:#c4b5fd;border:1px solid rgba(139,92,246,.4);white-space:nowrap}.overtime-page{max-width:1400px;margin:0 auto;padding:var(--spacing-6)}.overtime-page .page-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--spacing-5);box-shadow:0 10px 40px #667eea4d;position:relative;overflow:hidden}.overtime-page .page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.overtime-page .header-title-content{position:relative;z-index:1}.overtime-page .page-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);font-weight:800;color:#fff;margin:0}.overtime-page .page-subtitle{color:#fffc;font-size:var(--text-sm);margin-top:4px;margin-bottom:0}.overtime-page .page-header .btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:#fff;color:#667eea;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--transition-base);position:relative;z-index:1;box-shadow:0 4px 15px #0000001a}.overtime-page .page-header .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.filters-bar{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-5);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-2);background:var(--surface);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.filter-select{border:none;background:transparent;font-size:var(--text-sm);color:var(--text);cursor:pointer;padding:var(--spacing-1);font-family:var(--font-family)}.requests-table-container{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}.requests-table{width:100%;border-collapse:collapse}.requests-table th,.requests-table td{padding:var(--spacing-3) var(--spacing-4);text-align:right;border-bottom:1px solid var(--border)}.requests-table th{background:var(--neutral-50);font-weight:600;font-size:var(--text-sm);color:var(--text-muted)}.requests-table tbody tr:hover{background:var(--neutral-50)}.user-cell{display:flex;align-items:center;gap:var(--spacing-2)}.hours-cell{font-weight:600;color:#667eea}.status-badge{display:inline-flex;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.status-pending{background:var(--warning-light);color:#92400e}.status-approved{background:var(--success-light);color:#065f46}.status-rejected{background:var(--danger-light);color:#991b1b}.action-btns{display:flex;gap:var(--spacing-2)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.action-btn.approve{background:var(--success-light);color:var(--success)}.action-btn.approve:hover{background:var(--success);color:#fff;box-shadow:var(--shadow-success)}.action-btn.reject{background:var(--danger-light);color:var(--danger)}.action-btn.reject:hover{background:var(--danger);color:#fff}.action-btn.edit{background:var(--info-light);color:var(--info)}.action-btn.edit:hover{background:var(--info);color:#fff}.action-btn.delete{background:var(--danger-light);color:var(--danger)}.action-btn.delete:hover{background:var(--danger);color:#fff}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);color:var(--text-muted);gap:var(--spacing-3)}.overtime-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);animation:fadeIn var(--transition-fast) ease-out}.overtime-page .modal{background:var(--surface);border-radius:var(--radius-2xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-base) ease-out}.overtime-page .modal-sm{max-width:400px}.overtime-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--neutral-50) 0%,var(--surface) 100%)}.overtime-page .modal-header h2{margin:0;font-size:var(--text-lg);font-weight:600}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-lg);background:var(--neutral-100);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--neutral-200);color:var(--text)}.overtime-page .modal-body{padding:var(--spacing-5)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-family);background:var(--surface);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.overtime-page .modal-footer{display:flex;justify-content:flex-start;gap:var(--spacing-3);padding:var(--spacing-5);border-top:1px solid var(--border)}.overtime-page .modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.overtime-page .modal-footer .btn-primary:hover{box-shadow:0 4px 15px #667eea66}@media (max-width: 768px){.overtime-page{padding:var(--spacing-4)}.overtime-page .page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-4);text-align:center}.overtime-page .page-header .btn-primary{width:100%;justify-content:center}.form-grid{grid-template-columns:1fr}.requests-table-container{overflow-x:auto}.requests-table{min-width:800px}.overtime-page .modal{width:95%;margin:var(--spacing-4)}.overtime-page .modal-footer{flex-direction:column}.overtime-page .modal-footer .btn{width:100%;justify-content:center}}.it-tickets-page{max-width:1400px;margin:0 auto}.it-tickets-page.rtl{direction:rtl}.it-tickets-page .page-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--spacing-5);box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden}.it-tickets-page .page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.it-tickets-page .header-title{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.it-tickets-page .header-title h1{margin:0;font-size:var(--text-2xl);font-weight:800;color:#fff}.it-tickets-page .header-title p{margin:0;font-size:var(--text-sm);color:#fffc}.it-tickets-page .btn-new{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:#fff;color:#6366f1;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease;position:relative;z-index:1}.it-tickets-page .btn-new:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.it-tickets-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-5)}@media (max-width: 1100px){.it-tickets-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.it-tickets-page .stats-grid{grid-template-columns:1fr}}.it-tickets-page .stat-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.it-tickets-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--stat-color);opacity:0;transition:opacity .3s ease}.it-tickets-page .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--stat-color)}.it-tickets-page .stat-card:hover:before{opacity:1}.it-tickets-page .stat-card.active{border-color:var(--stat-color);box-shadow:0 8px 28px var(--stat-shadow)}.it-tickets-page .stat-card.active:before{opacity:1}.it-tickets-page .stat-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.it-tickets-page .stat-info .count{font-size:var(--text-3xl);font-weight:800;color:var(--text);line-height:1}.it-tickets-page .stat-info .label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.it-tickets-page .stat-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:var(--stat-color);color:#fff;box-shadow:0 6px 18px var(--stat-shadow)}.it-tickets-page .filters-bar{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);flex-wrap:wrap;background:#fff;padding:var(--spacing-3);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.it-tickets-page .filter-select{padding:var(--spacing-3) var(--spacing-4);padding-inline-end:40px;background:var(--neutral-50);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:var(--text-sm);font-weight:500;cursor:pointer;min-width:160px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .2s ease}.it-tickets-page.rtl .filter-select{background-position:left 14px center;padding-inline-start:40px;padding-inline-end:var(--spacing-4)}.it-tickets-page .filter-select:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f11a}.it-tickets-page .search-input{flex:1;max-width:320px;padding:var(--spacing-3) var(--spacing-4);background:var(--neutral-50);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:var(--text-sm);transition:all .2s ease}.it-tickets-page .search-input:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f11a}.it-tickets-page .tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-4)}@media (max-width: 500px){.it-tickets-page .tickets-grid{grid-template-columns:1fr}}.it-tickets-page .ticket-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-3)}.it-tickets-page .ticket-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--priority-color)}.it-tickets-page.rtl .ticket-card:before{left:auto;right:0}.it-tickets-page .ticket-card:hover{transform:translateY(-4px);border-color:#6366f1;box-shadow:0 12px 30px #6366f133}.it-tickets-page .ticket-header{display:flex;justify-content:space-between;align-items:flex-start}.it-tickets-page .ticket-number{display:flex;align-items:center;gap:var(--spacing-2)}.it-tickets-page .ticket-number code{font-size:var(--text-lg);font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.it-tickets-page .status-badge-small{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#fff}.it-tickets-page .ticket-subject{font-size:var(--text-lg);font-weight:600;color:var(--text);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.it-tickets-page .ticket-meta-row{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--border);margin-top:auto}.it-tickets-page .meta-left{display:flex;align-items:center;gap:var(--spacing-3)}.it-tickets-page .category-tag{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--neutral-100);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.it-tickets-page .category-tag svg{color:var(--cat-color)}.it-tickets-page .priority-tag{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600}.it-tickets-page .meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.it-tickets-page.rtl .meta-right{align-items:flex-start}.it-tickets-page .creator-name{font-size:var(--text-sm);color:var(--text);font-weight:500}.it-tickets-page .created-date{font-size:var(--text-xs);color:var(--text-muted)}.it-tickets-page .assigned-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:#6366f11a;border-radius:var(--radius-lg);font-size:var(--text-sm);color:#6366f1;font-weight:500}.it-tickets-page .rating-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#f59e0b26;border-radius:var(--radius-lg);font-size:var(--text-sm);color:#f59e0b;font-weight:700}.it-tickets-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--spacing-5);text-align:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.it-tickets-page .empty-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-5);color:#6366f1}.it-tickets-page .empty-state h3{margin:0 0 var(--spacing-2) 0;font-size:var(--text-xl);color:var(--text);font-weight:600}.it-tickets-page .empty-state p{margin:0 0 var(--spacing-5) 0;color:var(--text-muted);font-size:var(--text-base)}.it-tickets-page .btn-empty{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;box-shadow:0 6px 20px #6366f14d;transition:all .3s ease}.it-tickets-page .btn-empty:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6366f166}.it-tickets-page .loading-state{display:flex;justify-content:center;align-items:center;padding:100px var(--spacing-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.it-tickets-page .spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.it-tickets-page .page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-4)}.it-tickets-page .btn-new{justify-content:center}.it-tickets-page .filters-bar{flex-direction:column}.it-tickets-page .filter-select,.it-tickets-page .search-input{width:100%;max-width:none}}.it-ticket-form-page{max-width:800px;margin:0 auto}.it-ticket-form-page.rtl{direction:rtl}.it-ticket-form-page .form-header{display:flex;align-items:center;gap:var(--spacing-4);background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--spacing-5);box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden}.it-ticket-form-page .form-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.it-ticket-form-page .btn-back{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.it-ticket-form-page .btn-back:hover{background:#ffffff4d;transform:translate(-2px)}.it-ticket-form-page.rtl .btn-back:hover{transform:translate(2px)}.it-ticket-form-page .form-header h1{font-size:var(--text-2xl);font-weight:800;color:#fff;margin:0;position:relative;z-index:1}.it-ticket-form-page .it-ticket-form{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.it-ticket-form-page .form-section{margin-bottom:var(--spacing-6)}.it-ticket-form-page .section-label{display:block;font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--spacing-3)}.it-ticket-form-page .category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-3)}.it-ticket-form-page .category-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-3);background:var(--neutral-50);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.it-ticket-form-page .category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.it-ticket-form-page .category-card.selected{background:linear-gradient(135deg,var(--cat-color) 0%,transparent 100%);border-color:var(--cat-color)}.it-ticket-form-page .category-icon{width:52px;height:52px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026}.it-ticket-form-page .category-name{font-size:var(--text-sm);font-weight:500;color:var(--text);text-align:center}.it-ticket-form-page .priority-options{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.it-ticket-form-page .priority-option{flex:1;min-width:100px;padding:var(--spacing-3) var(--spacing-4);background:var(--neutral-50);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:center;font-weight:500;border:2px solid transparent}.it-ticket-form-page .priority-option input{display:none}.it-ticket-form-page .priority-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.it-ticket-form-page .priority-option[data-priority=low].selected{background:#10b98126;border-color:#10b981;color:#10b981}.it-ticket-form-page .priority-option[data-priority=normal].selected{background:#3b82f626;border-color:#3b82f6;color:#3b82f6}.it-ticket-form-page .priority-option[data-priority=high].selected{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.it-ticket-form-page .priority-option[data-priority=urgent].selected{background:#ef444426;border-color:#ef4444;color:#ef4444}.it-ticket-form-page .form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--neutral-50);border:2px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text);transition:all .2s ease}.it-ticket-form-page .form-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.it-ticket-form-page .form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--neutral-50);border:2px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text);resize:vertical;min-height:120px;font-family:inherit;transition:all .2s ease}.it-ticket-form-page .form-textarea:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.it-ticket-form-page .form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-5);border-top:1px solid var(--border);margin-top:var(--spacing-6)}.it-ticket-form-page .btn-secondary{padding:var(--spacing-3) var(--spacing-5);background:var(--neutral-50);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease}.it-ticket-form-page .btn-secondary:hover{background:var(--neutral-100);border-color:var(--neutral-200)}.it-ticket-form-page .btn-submit{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.it-ticket-form-page .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.it-ticket-form-page .btn-submit:disabled{opacity:.7;cursor:not-allowed}.it-ticket-form-page .spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.it-ticket-form-page .form-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}}@media (max-width: 600px){.it-ticket-form-page .it-ticket-form{padding:var(--spacing-4)}.it-ticket-form-page .category-grid{grid-template-columns:repeat(2,1fr)}.it-ticket-form-page .priority-options{flex-direction:column}.it-ticket-form-page .priority-option{min-width:auto}.it-ticket-form-page .form-actions{flex-direction:column}.it-ticket-form-page .btn-secondary,.it-ticket-form-page .btn-submit{width:100%;justify-content:center}}.it-ticket-details{max-width:1400px;margin:0 auto}.it-ticket-details .page-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);color:#fff;box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden}.it-ticket-details .page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.it-ticket-details .header-info{display:flex;align-items:center;gap:var(--spacing-4);position:relative;z-index:1}.it-ticket-details .header-info .btn-ghost{color:#fff;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);transition:all .2s ease;border:none;cursor:pointer}.it-ticket-details .header-info .btn-ghost:hover{background:#ffffff4d;transform:translate(-2px)}.it-ticket-details .header-title{position:relative;z-index:1}.it-ticket-details .ticket-number{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--spacing-2);letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff!important}.it-ticket-details .header-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.it-ticket-details .header-actions{display:flex;gap:var(--spacing-3);position:relative;z-index:1}.it-ticket-details .header-actions .btn{font-size:var(--text-sm);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;border:none;font-weight:600;transition:all .2s ease}.it-ticket-details .btn-primary{background:#fff;color:#6366f1}.it-ticket-details .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0003}.it-ticket-details .btn-success{background:#22c55e;color:#fff}.it-ticket-details .btn-success:hover:not(:disabled){background:#16a34a}.it-ticket-details .btn-secondary{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.it-ticket-details .btn-secondary:hover:not(:disabled){background:#ffffff4d}.it-ticket-details .details-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-6);align-items:start}.it-ticket-details .details-main{display:flex;flex-direction:column;gap:var(--spacing-5)}.it-ticket-details .info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.it-ticket-details .info-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.it-ticket-details .info-card-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.it-ticket-details .info-card-header h3{margin:0;font-size:var(--text-base)}.it-ticket-details .info-card-body{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.it-ticket-details .info-item{display:flex;align-items:center;gap:var(--spacing-3);color:#374151}.it-ticket-details .info-item svg{color:#6b7280}.it-ticket-details .info-item .label{color:#6b7280}.it-ticket-details .info-item.priority{border-right:4px solid;padding:var(--spacing-2) var(--spacing-3);background:#f8fafc;border-radius:var(--radius-lg)}.it-ticket-details .issue-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.it-ticket-details .issue-card h3{display:flex;align-items:center;gap:var(--spacing-2);color:#6366f1;margin-bottom:var(--spacing-3)}.it-ticket-details .issue-subject{font-size:var(--text-xl);font-weight:700;color:#1f2937;margin:0 0 var(--spacing-3) 0}.it-ticket-details .issue-description{line-height:1.8;color:#374151;white-space:pre-wrap;background:#f8fafc;padding:var(--spacing-4);border-radius:var(--radius-lg);border-right:3px solid #6366f1}.it-ticket-details .notes-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.it-ticket-details .notes-card h3{display:flex;align-items:center;gap:var(--spacing-2);color:#22c55e;margin-bottom:var(--spacing-3)}.it-ticket-details .notes-card.resolution{border-right:4px solid #22c55e}.it-ticket-details .notes-card p{line-height:1.8;color:#374151}.it-ticket-details .activity-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.it-ticket-details .activity-card h3{display:flex;align-items:center;gap:var(--spacing-2);color:#6b7280;margin-bottom:var(--spacing-4)}.it-ticket-details .activity-timeline{position:relative;padding-right:var(--spacing-4)}.it-ticket-details .activity-timeline:before{content:"";position:absolute;right:6px;top:0;bottom:0;width:2px;background:#e5e7eb}.it-ticket-details .activity-item{display:flex;gap:var(--spacing-4);padding:var(--spacing-3) 0;position:relative}.it-ticket-details .activity-dot{width:14px;height:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;z-index:1;box-shadow:0 0 0 4px #fff}.it-ticket-details .activity-content{display:flex;flex-direction:column;gap:4px;flex:1}.it-ticket-details .activity-action{font-weight:700;color:#1f2937;text-transform:capitalize}.it-ticket-details .activity-user{font-size:var(--text-sm);color:#6366f1;font-weight:500}.it-ticket-details .activity-time{font-size:var(--text-xs);color:#9ca3af}.it-ticket-details .details-sidebar{position:sticky;top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-5)}.it-ticket-details .technician-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl);padding:var(--spacing-5);color:#fff}.it-ticket-details .technician-card h3{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);opacity:.9;font-size:var(--text-sm)}.it-ticket-details .technician-card p{font-size:var(--text-lg);font-weight:600;margin:0}.it-ticket-details .rating-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm);border-right:4px solid #f59e0b}.it-ticket-details .rating-card h3{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);color:#f59e0b}.it-ticket-details .rating-value{font-size:var(--text-2xl);font-weight:700;color:#f59e0b;margin-bottom:var(--spacing-2)}.it-ticket-details .rating-card p{color:#6b7280;font-size:var(--text-sm)}.it-ticket-details .dates-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.it-ticket-details .dates-card h3{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);color:#6b7280}.it-ticket-details .date-item{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;font-size:var(--text-sm);color:#6b7280;border-bottom:1px dashed #e5e7eb}.it-ticket-details .date-item:last-child{border-bottom:none}.it-ticket-details .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.it-ticket-details .modal{background:#fff;border-radius:var(--radius-xl);max-width:500px;width:100%;box-shadow:0 25px 50px #00000040;overflow:hidden}.it-ticket-details .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.it-ticket-details .modal-header h2{margin:0;font-size:var(--text-lg)}.it-ticket-details .modal-header .btn-close{background:#fff3;border:none;color:#fff;padding:var(--spacing-2);border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center}.it-ticket-details .modal-header .btn-close:hover{background:#ffffff4d}.it-ticket-details .modal-body{padding:var(--spacing-5)}.it-ticket-details .modal-body .form-group{margin-bottom:var(--spacing-4)}.it-ticket-details .modal-body .form-group:last-child{margin-bottom:0}.it-ticket-details .modal-body label{display:block;margin-bottom:var(--spacing-2);font-weight:600;color:#374151}.it-ticket-details .modal-body input,.it-ticket-details .modal-body textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);background:#f8fafc;border:2px solid #e5e7eb;border-radius:var(--radius-lg);font-size:var(--text-base);color:#1f2937;font-family:inherit;transition:all .2s ease}.it-ticket-details .modal-body input:focus,.it-ticket-details .modal-body textarea:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.it-ticket-details .modal-body textarea{resize:vertical;min-height:100px}.it-ticket-details .modal-body input::placeholder,.it-ticket-details .modal-body textarea::placeholder{color:#9ca3af}.it-ticket-details .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:#f8fafc;border-top:1px solid #e5e7eb}.it-ticket-details .modal-footer .btn{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-2);border:none;transition:all .2s ease}.it-ticket-details .modal-footer .btn-ghost{background:transparent;color:#6b7280}.it-ticket-details .modal-footer .btn-ghost:hover{background:#e5e7eb}.it-ticket-details .modal-footer .btn-success{background:#22c55e;color:#fff}.it-ticket-details .modal-footer .btn-success:hover:not(:disabled){background:#16a34a}.it-ticket-details .modal-footer .btn-primary{background:#6366f1;color:#fff}.it-ticket-details .modal-footer .btn-primary:hover:not(:disabled){background:#4f46e5}.it-ticket-details .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-container .spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.it-ticket-details .details-layout{grid-template-columns:1fr}.it-ticket-details .details-sidebar{position:static;order:-1}.it-ticket-details .info-cards{grid-template-columns:1fr}}@media (max-width: 768px){.it-ticket-details .page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.it-ticket-details .header-actions{width:100%;flex-wrap:wrap}.it-ticket-details .header-actions .btn{flex:1;justify-content:center}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.service-request-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;font-family:Segoe UI,Cairo,sans-serif}.service-request-page.rtl{direction:rtl}.service-request-page.ltr{direction:ltr}.sr-lang-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:flex-end;padding:12px 24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.sr-lang-switcher{position:relative}.sr-lang-toggle{display:flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 14px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.sr-lang-toggle:hover{background:#ffffff40}.sr-lang-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:10px;overflow:hidden;min-width:120px;box-shadow:0 8px 24px #0003}.rtl .sr-lang-dropdown{right:auto;left:0}.sr-lang-dropdown button{display:block;width:100%;padding:10px 16px;background:none;border:none;color:#374151;text-align:start;cursor:pointer;font-size:.9rem;transition:background .15s}.sr-lang-dropdown button:hover,.sr-lang-dropdown button.active{background:#eef2ff;color:#6366f1}.sr-container{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:70px 1rem 40px}.sr-header{text-align:center;margin-bottom:28px;color:#fff}.sr-logo{width:64px;height:64px;margin:0 auto 16px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026}.sr-header h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 6px}.sr-header p{color:#fffc;font-size:.95rem;margin:0}.sr-stepper{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.step-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:120px;position:relative}.step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background:#ffffff26;color:#ffffff80;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.step-item.active .step-circle{background:#fff;color:#6366f1;border-color:#fff;box-shadow:0 4px 12px #00000026}.step-item.completed .step-circle{background:#22c55e;color:#fff;border-color:#22c55e}.step-label{font-size:.7rem;color:#fff9;text-align:center;white-space:nowrap}.step-item.active .step-label{color:#fff}.step-item.completed .step-label{color:#ffffffe6}.sr-form-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 60px #0000004d}.sr-step-content h2{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #eef2ff}.sr-step-content h2 svg{color:#6366f1}.sr-field{margin-bottom:20px}.sr-field label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:6px}.sr-field input,.sr-field textarea{width:100%;padding:12px 14px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:.95rem;transition:all .2s;box-sizing:border-box;font-family:inherit}.sr-field input:focus,.sr-field textarea:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.sr-field input.error,.sr-field textarea.error{border-color:#ef4444}.sr-field input::placeholder,.sr-field textarea::placeholder{color:#9ca3af}.field-error{display:block;color:#ef4444;font-size:.78rem;margin-top:4px}.sr-map-container{position:relative;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb}.sr-map{width:100%;height:280px;background:#f1f5f9}.btn-my-location{position:absolute;bottom:12px;right:12px;z-index:1000;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5e7eb;color:#6366f1;padding:8px 14px;border-radius:8px;font-size:.82rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.rtl .btn-my-location{right:auto;left:12px}.btn-my-location:hover{background:#eef2ff;box-shadow:0 4px 12px #6366f126}.location-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:#d1fae5;color:#065f46;border-radius:6px;font-size:.82rem;font-weight:600}.service-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .25s;color:#6b7280}.type-card:hover{border-color:#a5b4fc;background:#eef2ff}.type-card.selected{border-color:#6366f1;background:#eef2ff;color:#4f46e5;box-shadow:0 4px 16px #6366f126}.type-name{font-weight:600;font-size:.95rem}.type-desc{font-size:.75rem;text-align:center;opacity:.7}.sr-summary{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #e5e7eb}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f1f5f9}.summary-row:last-child{border-bottom:none}.summary-row.full{flex-direction:column;gap:4px}.summary-label{font-size:.82rem;color:#6b7280;flex-shrink:0}.summary-value{font-size:.9rem;color:#1f2937;font-weight:500;text-align:end}.summary-value.desc{text-align:start;color:#374151;font-weight:400;line-height:1.5}.summary-value.type-badge{padding:4px 10px;background:#eef2ff;color:#6366f1;border-radius:6px;font-size:.82rem}.summary-value.location-set{color:#059669}.sr-policy-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px}.sr-policy-box h3{font-size:.9rem;color:#1f2937;margin:0 0 10px}.policy-text{max-height:200px;overflow-y:auto;font-size:.82rem;color:#6b7280;line-height:1.7;white-space:pre-wrap}.sr-checkbox{margin-bottom:16px}.sr-checkbox label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:#374151;font-size:.9rem}.sr-checkbox label.error span{color:#ef4444}.sr-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#6366f1;flex-shrink:0}.submit-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;color:#dc2626;font-size:.85rem;margin-top:12px}.sr-nav{display:flex;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid #e5e7eb}.nav-spacer{flex:1}.btn-prev,.btn-next,.btn-submit{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-prev{background:#f1f5f9;color:#6b7280}.btn-prev:hover{background:#e2e8f0;color:#374151}.btn-next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-next:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.spinning{animation:sr-spin 1s linear infinite}@keyframes sr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sr-track-link{text-align:center;margin-top:20px}.sr-track-link button{background:none;border:none;color:#ffffffd9;font-size:.88rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.sr-track-link button:hover{color:#fff}.sr-success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1}.sr-success-card{background:#fff;border-radius:20px;padding:48px 40px;text-align:center;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d}.success-icon-wrap{color:#22c55e;margin-bottom:16px;animation:scaleIn .4s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.sr-success-card h2{font-size:1.5rem;color:#1f2937;margin:0 0 8px}.success-message{color:#6b7280;font-size:.95rem;margin:0 0 24px}.ticket-number-display{display:flex;flex-direction:column;gap:4px;padding:20px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;margin-bottom:16px}.ticket-label{font-size:.82rem;color:#6b7280}.ticket-value{font-size:1.8rem;font-weight:700;color:#6366f1;letter-spacing:2px;font-family:monospace}.success-note{color:#6b7280;font-size:.85rem;margin:0 0 24px}.success-actions{display:flex;gap:12px;justify-content:center}.success-actions .btn-track{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.success-actions .btn-track:hover{box-shadow:0 4px 16px #667eea66}.success-actions .btn-new{padding:10px 24px;background:#f1f5f9;color:#374151;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.success-actions .btn-new:hover{background:#e2e8f0}@media (max-width: 640px){.service-request-page{padding:.5rem}.sr-container{padding:65px .5rem 30px}.sr-form-card{padding:20px 16px;border-radius:16px}.sr-header h1{font-size:1.2rem}.step-label{display:none}.service-type-cards{grid-template-columns:1fr}.sr-success-card{padding:32px 20px;border-radius:16px}.ticket-value{font-size:1.4rem}.success-actions{flex-direction:column}}.service-track-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;font-family:Segoe UI,Cairo,sans-serif}.service-track-page.rtl{direction:rtl}.service-track-page.ltr{direction:ltr}.st-lang-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:flex-end;padding:12px 24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.st-lang-switcher{position:relative}.st-lang-toggle{display:flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 14px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.st-lang-toggle:hover{background:#ffffff40}.st-lang-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:10px;overflow:hidden;min-width:120px;box-shadow:0 8px 24px #0003}.rtl .st-lang-dropdown{right:auto;left:0}.st-lang-dropdown button{display:block;width:100%;padding:10px 16px;background:none;border:none;color:#374151;text-align:start;cursor:pointer;font-size:.9rem}.st-lang-dropdown button:hover,.st-lang-dropdown button.active{background:#eef2ff;color:#6366f1}.st-container{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:70px 1rem 40px}.st-header{text-align:center;margin-bottom:28px;color:#fff}.st-logo{width:56px;height:56px;margin:0 auto 16px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026}.st-header h1{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 6px}.st-header p{color:#fffc;font-size:.92rem;margin:0}.st-search-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 60px #0000004d;margin-bottom:20px}.st-field{margin-bottom:16px}.st-field label{display:block;font-size:.85rem;color:#374151;margin-bottom:6px;font-weight:600}.st-field input{width:100%;padding:12px 14px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:.95rem;box-sizing:border-box;transition:all .2s}.st-field input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.st-field input::placeholder{color:#9ca3af}.st-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px;color:#dc2626;font-size:.85rem;margin-bottom:12px}.btn-search{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-search:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}.btn-search:disabled{opacity:.7;cursor:not-allowed}.spinning{animation:st-spin 1s linear infinite}@keyframes st-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.st-result-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 60px #0000004d;animation:stFadeUp .3s ease}@keyframes stFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.st-status-timeline{display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 0}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}.timeline-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1;transition:all .3s}.timeline-step:not(.active) .timeline-dot{color:#d1d5db}.timeline-step.current .timeline-dot{box-shadow:0 0 0 4px #667eea33;animation:stPulse 2s infinite}@keyframes stPulse{0%,to{box-shadow:0 0 0 4px #667eea33}50%{box-shadow:0 0 0 8px #667eea1a}}.timeline-label{font-size:.7rem;color:#9ca3af;text-align:center;white-space:nowrap}.timeline-step.active .timeline-label{color:#374151;font-weight:600}.timeline-line{position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px}.rtl .timeline-line{left:auto;right:calc(50% + 20px);left:calc(-50% + 20px)}.st-cancelled-badge{display:flex;align-items:center;gap:8px;justify-content:center;padding:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-weight:600;margin-bottom:20px}.st-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.st-info-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e5e7eb}.info-label{font-size:.75rem;color:#6b7280}.info-value{font-size:.9rem;color:#1f2937;font-weight:500}.info-value.mono{font-family:monospace;letter-spacing:1px;color:#6366f1}.info-value.type-badge{padding:2px 8px;background:#eef2ff;color:#6366f1;border-radius:4px;width:fit-content;font-size:.82rem}.st-section{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.st-section h3{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:#667eea;margin:0 0 12px}.st-description{color:#6b7280;font-size:.88rem;line-height:1.6;margin:0;white-space:pre-wrap;background:#f8fafc;padding:12px;border-radius:8px;border-right:3px solid #667eea}.service-track-page.ltr .st-description{border-right:none;border-left:3px solid #667eea}.st-procedures{display:flex;flex-direction:column;gap:8px}.st-proc-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#d1fae5;border-radius:8px;color:#065f46;font-size:.85rem;font-weight:500}.proc-note{color:#6b7280;font-size:.8rem;font-weight:400}.st-logs{display:flex;flex-direction:column;gap:0}.st-log-item{display:flex;gap:12px;padding:10px 0;position:relative}.st-log-item:not(:last-child):after{content:"";position:absolute;right:auto;left:5px;top:24px;bottom:-2px;width:2px;background:#e5e7eb}.rtl .st-log-item:not(:last-child):after{left:auto;right:5px}.log-dot{width:12px;height:12px;border-radius:50%;background:#eef2ff;border:2px solid #6366f1;flex-shrink:0;margin-top:4px}.log-content{display:flex;flex-direction:column;gap:2px}.log-action{font-size:.85rem;color:#1f2937;font-weight:600}.log-user{font-size:.78rem;color:#6366f1}.log-time{font-size:.75rem;color:#9ca3af}.st-create-link{text-align:center;margin-top:20px}.st-create-link button{background:none;border:none;color:#ffffffd9;font-size:.88rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.st-create-link button:hover{color:#fff}@media (max-width: 640px){.service-track-page{padding:.5rem}.st-container{padding:65px .5rem 30px}.st-search-card,.st-result-card{padding:20px 16px;border-radius:16px}.st-info-grid{grid-template-columns:1fr}.timeline-label{font-size:.6rem}}.service-tickets-page{max-width:1400px;margin:0 auto}.service-tickets-page.rtl{direction:rtl}.service-tickets-page .page-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--spacing-5);box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden}.service-tickets-page .page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.service-tickets-page .header-title{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.service-tickets-page .header-title h1{margin:0;font-size:var(--text-2xl);font-weight:800;color:#fff;display:flex;align-items:center;gap:var(--spacing-2)}.service-tickets-page .header-title p{margin:0;font-size:var(--text-sm);color:#fffc}.service-tickets-page .stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-5)}@media (max-width: 1100px){.service-tickets-page .stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.service-tickets-page .stats-grid{grid-template-columns:repeat(2,1fr)}}.service-tickets-page .stat-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.service-tickets-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--stat-color);opacity:0;transition:opacity .3s ease}.service-tickets-page .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--stat-color)}.service-tickets-page .stat-card:hover:before{opacity:1}.service-tickets-page .stat-card.active{border-color:var(--stat-color);box-shadow:0 8px 28px var(--stat-shadow)}.service-tickets-page .stat-card.active:before{opacity:1}.service-tickets-page .stat-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.service-tickets-page .stat-info .count{font-size:var(--text-3xl);font-weight:800;color:var(--text);line-height:1}.service-tickets-page .stat-info .label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.service-tickets-page .stat-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:var(--stat-color);color:#fff;box-shadow:0 6px 18px var(--stat-shadow)}.service-tickets-page .filters-bar{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);flex-wrap:wrap;background:#fff;padding:var(--spacing-3);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.service-tickets-page .filter-select{padding:var(--spacing-3) var(--spacing-4);padding-inline-end:40px;background:var(--neutral-50);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:var(--text-sm);font-weight:500;cursor:pointer;min-width:160px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .2s ease}.service-tickets-page.rtl .filter-select{background-position:left 14px center;padding-inline-start:40px;padding-inline-end:var(--spacing-4)}.service-tickets-page .filter-select:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f11a}.service-tickets-page .search-input{flex:1;max-width:320px;padding:var(--spacing-3) var(--spacing-4);background:var(--neutral-50);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:var(--text-sm);transition:all .2s ease}.service-tickets-page .search-input:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f11a}.service-tickets-page .tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--spacing-4)}@media (max-width: 500px){.service-tickets-page .tickets-grid{grid-template-columns:1fr}}.service-tickets-page .ticket-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-3)}.service-tickets-page .ticket-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--priority-color, #6366f1)}.service-tickets-page.rtl .ticket-card:before{left:auto;right:0}.service-tickets-page .ticket-card:hover{transform:translateY(-4px);border-color:#6366f1;box-shadow:0 12px 30px #6366f133}.service-tickets-page .ticket-header{display:flex;justify-content:space-between;align-items:flex-start}.service-tickets-page .ticket-number{display:flex;align-items:center;gap:var(--spacing-2)}.service-tickets-page .ticket-number code{font-size:var(--text-lg);font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-tickets-page .status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:4px}.service-tickets-page .ticket-customer{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-base);font-weight:600;color:var(--text)}.service-tickets-page .ticket-phone{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--text-muted)}.service-tickets-page .ticket-meta-row{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--border);margin-top:auto}.service-tickets-page .type-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600}.service-tickets-page .type-badge.onsite{background:#f59e0b1f;color:#d97706}.service-tickets-page .type-badge.online{background:#3b82f61f;color:#2563eb}.service-tickets-page .ticket-date{font-size:var(--text-xs);color:var(--text-muted)}.service-tickets-page .ticket-tech{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#6366f114;border-radius:var(--radius-lg);font-size:var(--text-sm);color:#6366f1;font-weight:500}.service-tickets-page .ticket-desc{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-tickets-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--spacing-5);text-align:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.service-tickets-page .empty-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-5);color:#6366f1}.service-tickets-page .empty-state h3{margin:0 0 var(--spacing-2) 0;font-size:var(--text-xl);color:var(--text);font-weight:600}.service-tickets-page .loading-state{display:flex;justify-content:center;align-items:center;padding:100px var(--spacing-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.service-tickets-page .spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:#6366f1;border-radius:50%;animation:st-spin .8s linear infinite}@keyframes st-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.service-tickets-page .page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-4)}.service-tickets-page .filters-bar{flex-direction:column}.service-tickets-page .filter-select,.service-tickets-page .search-input{width:100%;max-width:none}.service-tickets-page .stats-grid{grid-template-columns:repeat(2,1fr)}}.service-ticket-details{max-width:1400px;margin:0 auto}.service-ticket-details.rtl{direction:rtl}.service-ticket-details .std-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);color:#fff;box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden}.service-ticket-details .std-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.service-ticket-details .btn-back{display:inline-flex;align-items:center;gap:var(--spacing-2);color:#fff;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);transition:all .2s ease;border:none;cursor:pointer;font-weight:600;font-size:var(--text-sm);position:relative;z-index:1}.service-ticket-details .btn-back:hover{background:#ffffff4d}.service-ticket-details .header-info{display:flex;align-items:center;gap:var(--spacing-3);position:relative;z-index:1}.service-ticket-details .ticket-number{font-size:var(--text-2xl);font-weight:800;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff!important;-webkit-text-fill-color:white!important;background:none!important}.service-ticket-details .status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:#fff;white-space:nowrap}.service-ticket-details .type-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.service-ticket-details .type-badge.onsite{background:#f59e0b33;color:#fef3c7}.service-ticket-details .type-badge.online{background:#3b82f633;color:#bfdbfe}.service-ticket-details .std-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-6);align-items:start}.service-ticket-details .std-left,.service-ticket-details .std-right{display:flex;flex-direction:column;gap:var(--spacing-5)}.service-ticket-details .std-right{position:sticky;top:var(--spacing-4)}.service-ticket-details .std-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.service-ticket-details .std-card h3{display:flex;align-items:center;gap:var(--spacing-2);color:#6366f1;margin:0 0 var(--spacing-4) 0;font-size:var(--text-base);font-weight:700}.service-ticket-details .info-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;color:#374151;font-size:var(--text-sm)}.service-ticket-details .info-row svg{color:#6b7280;flex-shrink:0}.service-ticket-details .std-description{line-height:1.8;color:#374151;white-space:pre-wrap;background:#f8fafc;padding:var(--spacing-4);border-radius:var(--radius-lg);border-right:3px solid #6366f1;margin:0}.service-ticket-details.ltr .std-description{border-right:none;border-left:3px solid #6366f1}.service-ticket-details .std-mini-map{width:100%;height:200px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-3);border:1px solid var(--border)}.service-ticket-details .map-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-decoration:none;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);transition:all .2s ease}.service-ticket-details .map-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.service-ticket-details .dates-list{display:flex;flex-direction:column}.service-ticket-details .date-row{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;font-size:var(--text-sm);color:#6b7280;border-bottom:1px dashed #e5e7eb}.service-ticket-details .date-row:last-child{border-bottom:none}.service-ticket-details .date-label{font-weight:500;color:#374151}.service-ticket-details .actions-card{display:flex;flex-direction:column;gap:var(--spacing-3)}.service-ticket-details .btn-action{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;box-shadow:0 2px 8px #0000001a}.service-ticket-details .btn-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.service-ticket-details .btn-action:disabled{opacity:.6;cursor:not-allowed}.service-ticket-details .btn-action.assign{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.service-ticket-details .btn-action.whatsapp{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.service-ticket-details .btn-action.complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.service-ticket-details .btn-action.cancel{background:#ef44441a;color:#dc2626;box-shadow:none;border:1px solid rgba(239,68,68,.2)}.service-ticket-details .btn-action.cancel:hover:not(:disabled){background:#ef4444;color:#fff}.service-ticket-details .btn-action.delete{background:transparent;color:#dc2626;box-shadow:none;font-size:var(--text-xs);padding:var(--spacing-2)}.service-ticket-details .btn-action.delete:hover:not(:disabled){background:#ef44441a}.service-ticket-details .card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.service-ticket-details .card-header-row h3{margin-bottom:0}.service-ticket-details .btn-add-proc{width:32px;height:32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.service-ticket-details .btn-add-proc:hover{transform:scale(1.1)}.service-ticket-details .add-proc-form{padding:var(--spacing-4);background:#f8fafc;border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);border:1px solid var(--border)}.service-ticket-details .proc-field label{display:block;margin-bottom:var(--spacing-1);font-weight:600;color:#374151;font-size:var(--text-sm)}.service-ticket-details .proc-search,.service-ticket-details .proc-field input{width:100%;padding:var(--spacing-3) var(--spacing-4);background:#fff;border:2px solid #e5e7eb;border-radius:var(--radius-lg);font-size:var(--text-sm);color:#1f2937;font-family:inherit;transition:all .2s ease}.service-ticket-details .proc-search:focus,.service-ticket-details .proc-field input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.service-ticket-details .proc-list{max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}.service-ticket-details .proc-option{padding:var(--spacing-2) var(--spacing-3);cursor:pointer;font-size:var(--text-sm);transition:all .15s ease;border-bottom:1px solid #f1f5f9}.service-ticket-details .proc-option:hover{background:#f0f9ff}.service-ticket-details .proc-option.selected{background:#6366f11a;color:#6366f1;font-weight:600}.service-ticket-details .btn-save-proc{display:flex;align-items:center;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-4);background:#6366f1;color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s ease}.service-ticket-details .btn-save-proc:hover:not(:disabled){background:#4f46e5}.service-ticket-details .btn-save-proc:disabled{opacity:.6;cursor:not-allowed}.service-ticket-details .procedures-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.service-ticket-details .proc-item{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3);border-radius:var(--radius-lg);background:#f8fafc;position:relative;border:1px solid var(--border)}.service-ticket-details .proc-info{display:flex;align-items:center;gap:var(--spacing-2)}.service-ticket-details .proc-info svg{color:#10b981;flex-shrink:0}.service-ticket-details .proc-name{font-weight:600;color:#1f2937;font-size:var(--text-sm)}.service-ticket-details .proc-notes{font-size:var(--text-xs);color:#6b7280;padding-inline-start:22px}.service-ticket-details .proc-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:#9ca3af;padding-inline-start:22px}.service-ticket-details .btn-remove-proc{position:absolute;top:var(--spacing-2);inset-inline-end:var(--spacing-2);background:none;border:none;color:#ef4444;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-md);transition:all .2s ease;opacity:.5}.service-ticket-details .btn-remove-proc:hover{opacity:1;background:#ef44441a}.service-ticket-details .no-procedures{text-align:center;padding:var(--spacing-5);color:#9ca3af;font-size:var(--text-sm)}.service-ticket-details .proc-row{display:flex;gap:var(--spacing-3);align-items:flex-end}.service-ticket-details .proc-field-sm{flex:1}.service-ticket-details .proc-field-md{flex:2}.service-ticket-details .proc-field select{width:100%;padding:var(--spacing-3) var(--spacing-4);background:#fff;border:2px solid #e5e7eb;border-radius:var(--radius-lg);font-size:var(--text-sm);color:#1f2937;font-family:inherit;transition:all .2s ease;cursor:pointer}.service-ticket-details .proc-field select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.service-ticket-details .proc-not-fixed label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;padding:var(--spacing-2) var(--spacing-3);background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.service-ticket-details .proc-not-fixed input[type=checkbox]{width:auto;cursor:pointer}.service-ticket-details .proc-not-fixed .not-fixed-icon{color:#ef4444;font-weight:700}.service-ticket-details .proc-not-fixed small{display:block;color:#9ca3af;font-size:var(--text-xs);margin-top:4px;padding-inline-start:var(--spacing-3)}.service-ticket-details .proc-price{font-weight:600;color:#10b981}.service-ticket-details .std-logs{position:relative;padding-inline-start:var(--spacing-4)}.service-ticket-details .std-logs:before{content:"";position:absolute;inset-inline-start:6px;top:0;bottom:0;width:2px;background:#e5e7eb}.service-ticket-details .log-item{display:flex;gap:var(--spacing-4);padding:var(--spacing-3) 0;position:relative}.service-ticket-details .log-dot{width:14px;height:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;z-index:1;box-shadow:0 0 0 4px #fff}.service-ticket-details .log-body{display:flex;flex-direction:column;gap:4px;flex:1}.service-ticket-details .log-action{font-weight:700;color:#1f2937;font-size:var(--text-sm)}.service-ticket-details .log-user{font-size:var(--text-sm);color:#6366f1;font-weight:500}.service-ticket-details .log-notes{font-size:var(--text-xs);color:#6b7280;font-style:italic}.service-ticket-details .log-time{font-size:var(--text-xs);color:#9ca3af}.service-ticket-details .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.service-ticket-details .modal-card{background:#fff;border-radius:var(--radius-xl);max-width:500px;width:100%;box-shadow:0 25px 50px #00000040;overflow:hidden;padding:var(--spacing-6)}.service-ticket-details .modal-card h3{color:#1f2937;margin:0 0 var(--spacing-4) 0;font-size:var(--text-lg)}.service-ticket-details .modal-card textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);background:#f8fafc;border:2px solid #e5e7eb;border-radius:var(--radius-lg);font-size:var(--text-base);color:#1f2937;font-family:inherit;transition:all .2s ease;resize:vertical;min-height:100px}.service-ticket-details .modal-card textarea:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.service-ticket-details .modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4)}.service-ticket-details .btn-modal-cancel{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-2);border:none;transition:all .2s ease;background:transparent;color:#6b7280}.service-ticket-details .btn-modal-cancel:hover{background:#e5e7eb}.service-ticket-details .btn-modal-confirm{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-2);border:none;transition:all .2s ease;background:#22c55e;color:#fff}.service-ticket-details .btn-modal-confirm:hover:not(:disabled){background:#16a34a}.service-ticket-details .btn-modal-danger{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-2);border:none;transition:all .2s ease;background:#ef4444;color:#fff}.service-ticket-details .btn-modal-danger:hover:not(:disabled){background:#dc2626}.service-ticket-details .btn-modal-confirm:disabled,.service-ticket-details .btn-modal-danger:disabled{opacity:.6;cursor:not-allowed}.std-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:#6366f1}.std-loading .spinning{animation:std-spin 1s linear infinite}.std-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--spacing-5);text-align:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);color:#6b7280}.std-not-found h3{margin:var(--spacing-4) 0;color:var(--text)}.std-not-found button{padding:var(--spacing-3) var(--spacing-5);background:#6366f1;color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600}@keyframes std-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.service-ticket-details .std-grid{grid-template-columns:1fr}.service-ticket-details .std-right{position:static}}@media (max-width: 768px){.service-ticket-details .std-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.service-ticket-details .header-info{flex-wrap:wrap}}.lenovo-warranty-page{padding:20px;max-width:100%}.lenovo-warranty-page.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lenovo-warranty-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.lenovo-warranty-page .page-title{display:flex;align-items:center;gap:10px;font-size:22px;color:var(--text-dark, #2d3436);margin:0;font-weight:700}.lenovo-warranty-page .page-title svg{color:var(--primary, #6c5ce7)}.lenovo-warranty-page .header-actions{display:flex;gap:10px;flex-wrap:wrap}.lenovo-warranty-page .btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.lenovo-warranty-page .btn-primary{background:linear-gradient(135deg,var(--primary, #6c5ce7),var(--primary-dark, #5a4bd1));color:#fff;box-shadow:0 4px 12px #6c5ce74d}.lenovo-warranty-page .btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #6c5ce766;transform:translateY(-1px)}.lenovo-warranty-page .btn-secondary{background:#fff;color:var(--text-dark, #2d3436);border:1px solid var(--border-color, #e2e8f0);box-shadow:0 2px 4px #0000000a}.lenovo-warranty-page .btn-secondary:hover:not(:disabled){background:var(--bg-light, #f8fafc);border-color:var(--primary-light, #a29bfe)}.lenovo-warranty-page .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.spin{animation:spin 1s linear infinite}.lenovo-warranty-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.lenovo-warranty-page .stat-card{background:#fff;border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:transform .2s,box-shadow .2s;border-right:4px solid var(--primary, #6c5ce7);border-left:none}[dir=ltr] .lenovo-warranty-page .stat-card{border-left:4px solid var(--primary, #6c5ce7);border-right:none}.lenovo-warranty-page .stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.lenovo-warranty-page .stat-card.border-green{border-color:var(--success, #00b894)}.lenovo-warranty-page .stat-card.border-red{border-color:var(--danger, #d63031)}.lenovo-warranty-page .stat-card.border-yellow{border-color:#f39c12}.lenovo-warranty-page .stat-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lenovo-warranty-page .bg-primary-light{background:#6c5ce71a}.lenovo-warranty-page .text-primary{color:var(--primary, #6c5ce7)}.lenovo-warranty-page .bg-green-light{background:#00b8941a}.lenovo-warranty-page .text-green{color:var(--success, #00b894)}.lenovo-warranty-page .bg-red-light{background:#d630311a}.lenovo-warranty-page .text-red{color:var(--danger, #d63031)}.lenovo-warranty-page .bg-yellow-light{background:#f39c121a}.lenovo-warranty-page .text-yellow{color:#f39c12}.lenovo-warranty-page .stat-content h3{margin:0;font-size:13px;color:var(--text-muted, #636e72);font-weight:500}.lenovo-warranty-page .stat-value{margin:6px 0 0;font-size:26px;font-weight:700;color:var(--text-dark, #2d3436)}.lenovo-warranty-page .card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;overflow:hidden}.lenovo-warranty-page .filters-card{padding:16px 20px}.lenovo-warranty-page .filters-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.lenovo-warranty-page .search-box{position:relative;flex:1;min-width:220px}.lenovo-warranty-page .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted, #636e72);pointer-events:none}[dir=ltr] .lenovo-warranty-page .search-icon{right:auto;left:12px}.lenovo-warranty-page .search-box input{padding-right:38px;padding-left:12px;width:100%}[dir=ltr] .lenovo-warranty-page .search-box input{padding-left:38px;padding-right:12px}.lenovo-warranty-page .filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lenovo-warranty-page .filter-icon{color:var(--text-muted, #636e72)}.lenovo-warranty-page .form-control{padding:8px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;color:var(--text-dark, #2d3436)}.lenovo-warranty-page .form-control:focus{border-color:var(--primary, #6c5ce7);box-shadow:0 0 0 3px #6c5ce71a}.lenovo-warranty-page .table-card{overflow:hidden}.lenovo-warranty-page .table-responsive{overflow-x:auto}.lenovo-warranty-page .table{width:100%;border-collapse:collapse;direction:rtl;text-align:right}.lenovo-warranty-page .table th,.lenovo-warranty-page .table td{padding:14px 16px;border-bottom:1px solid var(--border-color, #f0f0f0);font-size:14px;vertical-align:middle}.lenovo-warranty-page .table th{background:linear-gradient(to bottom,#fafbfd,#f5f6fa);font-weight:700;color:var(--primary, #6c5ce7);white-space:nowrap;font-size:13px;letter-spacing:.3px;position:sticky;top:0;z-index:1}.lenovo-warranty-page .table tbody tr{transition:background-color .15s}.lenovo-warranty-page .table tbody tr:hover{background-color:#6c5ce708}.lenovo-warranty-page .table tbody tr:nth-child(2n){background-color:#fafbfc}.lenovo-warranty-page .table tbody tr:nth-child(2n):hover{background-color:#6c5ce70d}.nowrap{white-space:nowrap}.lenovo-warranty-page .monospace{font-family:Consolas,Monaco,monospace;background:linear-gradient(135deg,#f0f0ff,#f5f5ff);padding:5px 12px;border-radius:6px;font-size:13px;font-weight:600;color:var(--primary-dark, #5a4bd1);letter-spacing:.5px;display:inline-block;white-space:nowrap}.lenovo-warranty-page .type-cell{display:flex;align-items:center;gap:6px;white-space:nowrap}.lenovo-warranty-page .type-cell svg{color:var(--text-muted, #636e72);flex-shrink:0}.lenovo-warranty-page .status-badge{display:inline-block;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.3px}.lenovo-warranty-page .status-badge.bg-green{background:#00b8941f;color:#00a381}.lenovo-warranty-page .status-badge.bg-red{background:#d630311a;color:#c0392b}.lenovo-warranty-page .status-badge.bg-yellow{background:#f39c121f;color:#d68910}.lenovo-warranty-page .status-badge.bg-gray{background:#636e721a;color:var(--text-muted, #636e72)}.lenovo-warranty-page .progress-container{display:flex;align-items:center;gap:10px;min-width:140px}.lenovo-warranty-page .progress-track{flex:1;height:7px;border-radius:4px;background:#eef0f3;overflow:hidden;min-width:50px}.lenovo-warranty-page .progress-bar{height:100%;border-radius:4px;transition:width .4s ease}.lenovo-warranty-page .progress-bar.bg-green{background:linear-gradient(90deg,#00b894,#55efc4)}.lenovo-warranty-page .progress-bar.bg-yellow{background:linear-gradient(90deg,#f39c12,#fdcb6e)}.lenovo-warranty-page .progress-bar.bg-orange{background:linear-gradient(90deg,#e17055,#fab1a0)}.lenovo-warranty-page .progress-bar.bg-red{background:linear-gradient(90deg,#d63031,#ff7675)}.lenovo-warranty-page .progress-bar.bg-gray{background:#dfe6e9}.lenovo-warranty-page .progress-text{font-size:13px;font-weight:600;color:var(--text-dark, #2d3436);white-space:nowrap;min-width:50px}.lenovo-warranty-page .expired-text{color:var(--danger, #d63031)}.lenovo-warranty-page .ticket-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary, #6c5ce7);text-decoration:none;font-weight:600;font-size:12px}.lenovo-warranty-page .ticket-link:hover{text-decoration:underline}.lenovo-warranty-page .btn-icon{background:transparent;border:1px solid transparent;color:var(--text-muted, #636e72);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.lenovo-warranty-page .btn-icon:hover:not(:disabled){background:#6c5ce714;color:var(--primary, #6c5ce7);border-color:#6c5ce726}.lenovo-warranty-page .btn-icon:disabled{opacity:.4;cursor:not-allowed}.lenovo-warranty-page .loading-state,.lenovo-warranty-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.lenovo-warranty-page .empty-state svg{color:#dfe6e9;margin-bottom:16px}.lenovo-warranty-page .empty-state h3{margin:0;color:var(--text-muted, #636e72);font-weight:500}.lenovo-warranty-page .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-top:1px solid var(--border-color, #f0f0f0)}.lenovo-warranty-page .pagination{display:flex;gap:4px}.lenovo-warranty-page .btn-pagination{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:1px solid var(--border-color, #e2e8f0);background:#fff;border-radius:8px;cursor:pointer;color:var(--text-dark, #2d3436);font-size:13px;font-weight:500;transition:all .2s}.lenovo-warranty-page .btn-pagination:hover:not(:disabled):not(.active){background:var(--bg-light, #f8fafc);border-color:var(--primary-light, #a29bfe)}.lenovo-warranty-page .btn-pagination.active{background:linear-gradient(135deg,var(--primary, #6c5ce7),var(--primary-dark, #5a4bd1));color:#fff;border-color:var(--primary, #6c5ce7);box-shadow:0 2px 8px #6c5ce74d}.lenovo-warranty-page .btn-pagination:disabled{opacity:.4;cursor:not-allowed}.lenovo-warranty-page .per-page-selector select{padding:6px 10px;border-radius:8px}@media (max-width: 1100px){.lenovo-warranty-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.lenovo-warranty-page .page-header{flex-direction:column;align-items:flex-start;gap:12px}.lenovo-warranty-page .stats-grid{grid-template-columns:1fr}.lenovo-warranty-page .filters-row,.lenovo-warranty-page .filter-group{flex-direction:column;align-items:stretch}.lenovo-warranty-page .pagination-container{flex-direction:column;gap:12px}}@font-face{font-family:Rabar;src:url(/dist/assets/Rabar_002-BP_isK6p.ttf) format("truetype");font-weight:400;font-style:normal}:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #e0e7ff;--primary-dark: #4338ca;--accent: #8b5cf6;--accent-light: #c4b5fd;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--surface: #ffffff;--background: #f8fafc;--border: #e5e7eb;--text: #1f2937;--text-muted: #6b7280;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-info: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-dark: linear-gradient(135deg, #232526 0%, #414345 100%);--gradient-sidebar: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--font-family: "Rabar", "Cairo", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 2rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-primary: 0 4px 14px 0 rgba(99, 102, 241, .4);--shadow-success: 0 4px 14px 0 rgba(16, 185, 129, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--background);color:var(--text);line-height:1.6;direction:rtl}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-gradient{background:var(--gradient-primary);color:#fff;border:none}.btn-gradient:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-300)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{box-shadow:var(--shadow-success);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--neutral-100)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:var(--spacing-1)}.form-input,.form-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-lg)}.card-header{padding:var(--spacing-4);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--neutral-50) 0%,var(--surface) 100%)}.card-title{font-size:var(--text-lg);font-weight:600}.card-body{padding:var(--spacing-4)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.status-waiting{background:#fef3c7;color:#92400e}.status-servicing{background:#dbeafe;color:#1e40af}.status-serviced{background:#d1fae5;color:#065f46}.status-delivered{background:#e5e7eb;color:#374151}.status-request{background:#fef3c7;color:#92400e}.status-scheduled{background:#e0e7ff;color:#3730a3}.status-completed{background:#d1fae5;color:#065f46}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.page-title{font-size:var(--text-2xl);font-weight:700}.showroom-form-header .page-title,.showroom-form-header h1,.showroom-form-header .page-subtitle,.showroom-form-header p{color:#fff!important}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-10)}.spinner,.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-10);color:var(--text-muted)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-4)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);text-align:right;border-bottom:1px solid var(--border)}.table th{background:var(--neutral-50);font-weight:600;font-size:var(--text-sm);color:var(--text-muted)}.table tbody tr:hover{background:var(--neutral-50)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:var(--surface);border-radius:var(--radius-2xl);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-base) ease-out}.modal-header{padding:var(--spacing-4);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--text-lg);font-weight:600}.modal-body{padding:var(--spacing-4)}.modal-footer{padding:var(--spacing-4);border-top:1px solid var(--border);display:flex;gap:var(--spacing-3);justify-content:flex-start}.filters-bar{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.status-filters{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.filter-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.text-center{text-align:center}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.mb-4{margin-bottom:var(--spacing-4)}.mt-4{margin-top:var(--spacing-4)}.gap-4{gap:var(--spacing-4)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}@media (max-width: 768px){.page-header{flex-direction:column;gap:var(--spacing-3);align-items:stretch;margin-bottom:var(--spacing-4)}.page-header .btn{width:100%;justify-content:center}.page-title{font-size:var(--text-xl);text-align:center}.card{overflow-x:auto}.table{min-width:600px}.table th,.table td{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);white-space:nowrap}.filters-bar{flex-direction:column;gap:var(--spacing-3)}.status-filters{overflow-x:auto;padding-bottom:var(--spacing-2);-webkit-overflow-scrolling:touch}.filter-btn{white-space:nowrap;flex-shrink:0}.modal-overlay{align-items:flex-end}.modal{width:100%;max-width:100%;max-height:90vh;margin:0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-3)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%;justify-content:center}.form-input,.form-select{font-size:16px}.btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm)}.btn-lg{padding:var(--spacing-3) var(--spacing-4)}.page-header>div,.page-header>span{width:100%;display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center}.card-body,.card-header{padding:var(--spacing-3)}.empty-state{padding:var(--spacing-6)}.empty-state-icon{font-size:3rem}}@media (max-width: 480px){.table{min-width:500px}.btn-sm{padding:var(--spacing-2)}.btn-sm span{display:none}}