@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";.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)}.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}}.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}}.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-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}}@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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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)}.spin{animation:spin 1s linear infinite}.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}.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:.8rem;opacity:.7;font-family:monospace}.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:.5rem .75rem;background:#0000004d}.section-title{display:flex;align-items:center;gap:.5rem}.section-title h2{font-size:.95rem;margin:0;font-weight:600}.section-count{background:#fff3;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:700}.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);gap:.75rem;padding:.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-right: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-right-color:#ef4444;background:linear-gradient(135deg,#ef444433,#ef44440d)}.ticket-card.priority-high{border-right-color:#f97316;background:linear-gradient(135deg,#f9731633,#f973160d)}.ticket-card.priority-normal{border-right-color:#3b82f6}.ticket-card.priority-low{border-right-color:#22c55e}.showroom-card{border-right-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-row{display:flex;align-items:center;gap:.3rem}.device-icon{font-size:.9rem}.device-name{font-size:.7rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue{font-size:1.1rem;font-weight:700;opacity:1;color:#fbbf24;white-space:normal;line-height:1.4;margin-top:.5rem;padding:.25rem;background:#0003;border-radius:4px}.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}}.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}}@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}}