body{background:#f7f8fa;font-family:Cairo,Tajawal,Segoe UI,Arial,sans-serif}.modern-header{box-sizing:border-box;justify-content:space-between;min-height:80px;padding:20px 24px;position:relative;transition:all .3s ease;z-index:100}.header-brand,.modern-header{align-items:center;display:flex}.header-brand{flex-shrink:0;gap:16px}.header-brand img{border-radius:16px;box-shadow:0 4px 12px #00000026;height:64px;object-fit:cover;transition:all .3s ease;width:64px}.header-brand-text h1{font-size:24px;font-weight:700}.header-brand-text h1,.header-brand-text p{line-height:1;margin:0;transition:all .3s ease}.header-brand-text p{font-size:14px}.header-controls{align-items:center;display:flex;flex-shrink:0;gap:12px}.header-button{align-items:center;background:#ffffff1a;border:none;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;min-height:44px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.header-button:hover{background:#fff3;transform:translateY(-2px)}.theme-button{min-width:80px}.language-button{min-width:70px}.language-menu{position:relative}.language-dropdown{animation:fadeIn .3s ease-out;background:#fff;background:var(--card-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:16px;box-shadow:0 20px 60px #0006;margin-top:8px;min-width:250px;overflow:hidden;position:absolute;top:100%;z-index:9999}.language-dropdown-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);padding:16px 20px 8px}.language-dropdown-header h3{font-size:16px;font-weight:700;margin:0;text-align:center}.language-dropdown-list{padding:8px}.language-option{align-items:center;background:#0000;border:none;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;gap:12px;margin:2px 0;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.language-option:hover{background:#ffffff1a}.language-option.active{background:#007bff;background:var(--primary-color,#007bff);color:#fff}.language-flag{border-radius:4px;flex-shrink:0;height:21px;object-fit:cover;width:28px}.language-details{flex:1 1}.language-name{font-size:14px;font-weight:600}.language-short{font-size:12px;margin-top:1px;opacity:.7}.language-check{color:#fff;font-size:16px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modern-header{flex-wrap:nowrap;min-height:60px;padding:12px 16px}.header-brand{flex:1 1;gap:12px;min-width:0}.header-brand img{border-radius:12px;height:48px;width:48px}.header-brand-text h1{font-size:18px}.header-brand-text p{font-size:12px}.header-controls{flex-shrink:0;gap:8px}.header-button{border-radius:10px;font-size:12px;gap:6px;min-height:40px;padding:10px 12px}.theme-button{min-width:60px}.theme-button .theme-text{display:none}.language-button{min-width:50px}.language-dropdown{left:auto;margin-top:6px;min-width:200px;right:0}.language-dropdown-header{padding:12px 16px 6px}.language-dropdown-header h3{font-size:14px}.language-option{font-size:13px;padding:10px 12px}.language-flag{height:18px;width:24px}.language-name{font-size:13px}.language-short{font-size:11px}}@media (max-width:480px){.modern-header{min-height:56px;padding:10px 12px}.header-brand{gap:8px}.header-brand img{border-radius:10px;height:40px;width:40px}.header-brand-text h1{font-size:16px}.header-brand-text p{font-size:11px}.header-controls{gap:6px}.header-button{border-radius:8px;font-size:11px;gap:4px;min-height:36px;padding:8px 10px}.language-button,.theme-button{min-width:40px}.language-dropdown{border-radius:12px;min-width:180px}.language-dropdown-header{padding:10px 12px 4px}.language-dropdown-header h3{font-size:13px}.language-option{border-radius:8px;font-size:12px;padding:8px 10px}.language-flag{height:15px;width:20px}.language-name{font-size:12px}.language-short{font-size:10px}}[dir=rtl] .language-dropdown{left:0;right:auto}[dir=rtl] .language-option{text-align:right}.dark-theme .header-button{background:#ffffff0d;border:1px solid #ffffff1a}.dark-theme .header-button:hover{background:#ffffff1a}.light-theme .header-button{background:#0000000d;border:1px solid #0000001a}.light-theme .header-button:hover{background:#0000001a}:root{--admin-primary:#2563eb;--admin-secondary:#3b82f6;--admin-success:#16a34a;--admin-error:#dc2626;--admin-warning:#ea580c;--admin-info:#0ea5e9;--admin-bg-primary:#fff;--admin-bg-secondary:#f8fafc;--admin-bg-tertiary:#f1f5f9;--admin-text-primary:#1e293b;--admin-text-secondary:#64748b;--admin-text-muted:#94a3b8;--admin-border:#e2e8f0;--admin-border-light:#f1f5f9;--admin-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--admin-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--admin-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark]{--admin-bg-primary:#1e293b;--admin-bg-secondary:#334155;--admin-bg-tertiary:#475569;--admin-text-primary:#f8fafc;--admin-text-secondary:#cbd5e1;--admin-text-muted:#94a3b8;--admin-border:#475569;--admin-border-light:#64748b;--admin-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--admin-shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--admin-shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.admin-page{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:24px}[data-theme=dark] .admin-page{background:#0f172a}.admin-header{background:#fff;background:var(--admin-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:24px;padding:24px}.admin-header-top-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.admin-header-title{color:#1e293b;color:var(--admin-text-primary);font-size:28px;font-weight:700;margin:0}.admin-header-subtitle{color:#64748b;color:var(--admin-text-secondary);font-size:16px;font-weight:400;margin:4px 0 0}.admin-header-user-info{background:#f8fafc;background:var(--admin-bg-secondary);border-radius:8px;font-weight:500;gap:12px;padding:8px 16px}.admin-header-icon-btn,.admin-header-user-info{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--admin-border);color:#1e293b;color:var(--admin-text-primary);display:flex}.admin-header-icon-btn{background:#fff;background:var(--admin-bg-primary);border-radius:8px;cursor:pointer;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.admin-header-icon-btn:hover{background:#f1f5f9;background:var(--admin-bg-tertiary);transform:translateY(-1px)}.admin-header-icon-btn:active{transform:translateY(0)}.admin-nav-card{background:#fff;background:var(--admin-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:24px;padding:20px}.admin-nav-card nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.admin-btn{align-items:center;background:#fff;background:var(--admin-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;color:#1e293b;color:var(--admin-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:44px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.admin-btn:hover{background:#f1f5f9;background:var(--admin-bg-tertiary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-btn:active{transform:translateY(0)}.admin-btn-primary{background:#2563eb;background:var(--admin-primary);border-color:#2563eb;border-color:var(--admin-primary);color:#fff}.admin-btn-primary:hover{background:#3b82f6;background:var(--admin-secondary);border-color:#3b82f6;border-color:var(--admin-secondary)}.admin-btn-secondary{background:#f8fafc;background:var(--admin-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);color:#1e293b;color:var(--admin-text-primary)}.admin-btn-danger{background:#dc2626;background:var(--admin-error);border-color:#dc2626;border-color:var(--admin-error);color:#fff}.admin-btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.admin-btn.small{font-size:12px;min-height:32px;padding:6px 12px}.admin-card{background:#fff;background:var(--admin-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:24px;padding:24px;transition:all .2s ease}.admin-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md)}.admin-card h3{align-items:center;color:#1e293b;color:var(--admin-text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;margin:0 0 16px}.admin-form{background:#fff;background:var(--admin-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);padding:24px}.admin-form-title{align-items:center;color:#1e293b;color:var(--admin-text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.admin-form-group,.admin-form-row{margin-bottom:16px}.admin-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-form-label{color:#1e293b;color:var(--admin-text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.admin-form-label.required:after{color:#dc2626;color:var(--admin-error);content:"*";margin-left:4px}.admin-form-input,.admin-form-select,.admin-form-textarea,.admin-input,.admin-select{background:#fff;background:var(--admin-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:6px;box-sizing:border-box;color:#1e293b;color:var(--admin-text-primary);font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus,.admin-input:focus,.admin-select:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.admin-form-input:hover,.admin-form-select:hover,.admin-form-textarea:hover,.admin-input:hover,.admin-select:hover{border-color:#94a3b8;border-color:var(--admin-text-muted)}.admin-form-textarea{font-family:inherit;min-height:80px;resize:vertical}.admin-form-select,.admin-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:32px}[data-theme=dark] .admin-form-select,[data-theme=dark] .admin-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.admin-form-actions{gap:15px;margin-top:30px;padding-top:20px}.admin-form-submit{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));border-radius:12px;box-shadow:0 4px 15px #667eea4d;display:flex;font-weight:600;gap:8px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.admin-form-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.admin-form-submit:hover:before{left:100%}.admin-form-submit:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.admin-form-submit:active{transform:translateY(0)}.admin-form-submit:disabled{transform:none!important}.admin-form-cancel{align-items:center;background:#6b72801a;border:1px solid #6b72804d;border-radius:12px;color:#6b7280;display:flex;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.admin-form-cancel:hover{background:#6b728033;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);transform:translateY(-2px)}.admin-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;margin-bottom:30px;padding:30px;position:relative;z-index:1}.admin-table-container:before{background:linear-gradient(90deg,#2563eb,#3b82f6);background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0}.admin-table-header{gap:15px;margin-bottom:25px}.admin-table-title{align-items:center;display:flex;font-size:24px;font-weight:700;gap:10px}.admin-table-title:before{content:"📊";font-size:20px}.admin-table-wrapper{border-radius:12px}.admin-table td,.admin-table th{padding:16px 20px}.admin-table th{background:#667eea1a;font-weight:700;position:sticky;top:0;z-index:10}[data-theme=dark] .admin-table th{background:#667eea33}.admin-table td{font-weight:500}.admin-table tbody tr{transition:all .3s ease}.admin-table tbody tr:hover{background:#667eea0d;transform:scale(1.01)}[data-theme=dark] .admin-table tbody tr:hover{background:#667eea1a}.admin-table tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] .admin-table tbody tr:nth-child(2n){background:#ffffff05}.admin-table-actions{gap:8px}.admin-table-btn{border-radius:8px;font-weight:600;gap:5px;min-height:32px;padding:8px 12px;transition:all .3s ease}.admin-table-btn-edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.admin-table-btn-edit:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}.admin-table-btn-delete{background:linear-gradient(135deg,#dc2626,#dc2626);background:linear-gradient(135deg,var(--admin-error),#dc2626)}.admin-table-btn-delete:hover{box-shadow:0 4px 15px #ef444466;transform:translateY(-2px)}.admin-table-btn-view{background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--admin-success),#059669)}.admin-table-btn-view:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.admin-message{animation:adminSlideIn .5s ease-out;border-radius:12px;gap:10px;margin-bottom:20px;padding:16px 20px}.admin-message-success{background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--admin-success),#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.admin-message-success:before{content:"✅";font-size:18px}.admin-message-error{background:linear-gradient(135deg,#dc2626,#dc2626);background:linear-gradient(135deg,var(--admin-error),#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.admin-message-error:before{content:"❌";font-size:18px}.admin-login-page{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh;padding:20px}[data-theme=dark] .admin-login-page{background:#0f172a}.admin-login-card{background:#fff;background:var(--admin-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);max-width:400px;padding:32px;width:100%}.admin-login-header{margin-bottom:32px;text-align:center}.admin-login-logo{align-items:center;background:#2563eb;background:var(--admin-primary);border-radius:12px;color:#fff;display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.admin-login-title{color:#1e293b;color:var(--admin-text-primary);font-size:24px;font-weight:700;margin:0 0 4px}.admin-login-subtitle{color:#64748b;color:var(--admin-text-secondary);font-size:14px;margin:0}.admin-login-form{margin-bottom:24px}.admin-login-form-group{margin-bottom:20px}.admin-login-label{color:#1e293b;color:var(--admin-text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.admin-login-input-wrapper{position:relative}.admin-login-input{background:#fff;background:var(--admin-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:6px;box-sizing:border-box;color:#1e293b;color:var(--admin-text-primary);font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.admin-login-input:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.admin-login-input-icon{color:#64748b;color:var(--admin-text-secondary);font-size:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.admin-login-submit{background:#2563eb;background:var(--admin-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease;width:100%}.admin-login-submit:hover{background:#3b82f6;background:var(--admin-secondary)}.admin-login-submit:disabled{cursor:not-allowed;opacity:.6}.admin-login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:20px;padding:12px 16px}[data-theme=dark] .admin-login-error{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.admin-form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px}.admin-form-submit{background:#2563eb;background:var(--admin-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.admin-form-submit:hover{background:#3b82f6;background:var(--admin-secondary)}.admin-form-submit:disabled{cursor:not-allowed;opacity:.6}.admin-form-cancel{background:#f8fafc;background:var(--admin-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:6px;color:#64748b;color:var(--admin-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.admin-form-cancel:hover{background:#f1f5f9;background:var(--admin-bg-tertiary)}.admin-table-container{background:#fff;background:var(--admin-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:24px;overflow:hidden;padding:24px}.admin-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.admin-table-title{color:#1e293b;color:var(--admin-text-primary);font-size:20px;font-weight:600;margin:0}.admin-table-wrapper{border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;overflow-x:auto}.admin-table,.admin-table-wrapper{background:#fff;background:var(--admin-bg-primary)}.admin-table{border-collapse:collapse;font-size:14px;min-width:600px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);padding:12px 16px;text-align:left;vertical-align:middle}.admin-table th{background:#f8fafc;background:var(--admin-bg-secondary);color:#1e293b;color:var(--admin-text-primary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-table td{color:#64748b;color:var(--admin-text-secondary);font-weight:400}.admin-table tbody tr{cursor:pointer;transition:all .2s ease}.admin-table tbody tr:hover{background:#f1f5f9;background:var(--admin-bg-tertiary)}.admin-table tbody tr:nth-child(2n){background:#f8fafc;background:var(--admin-bg-secondary)}.admin-table tbody tr:nth-child(2n):hover{background:#f1f5f9;background:var(--admin-bg-tertiary)}.admin-table-actions{align-items:center;display:flex;gap:6px}.admin-table-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;min-height:28px;padding:6px 10px;text-decoration:none;transition:all .2s ease}.admin-table-btn-edit{background:#0ea5e9;background:var(--admin-info);color:#fff}.admin-table-btn-edit:hover{background:#0284c7}.admin-table-btn-delete{background:#dc2626;background:var(--admin-error);color:#fff}.admin-table-btn-delete:hover{background:#b91c1c}.admin-table-btn-view{background:#16a34a;background:var(--admin-success);color:#fff}.admin-table-btn-view:hover{background:#15803d}.admin-message{align-items:center;border-radius:6px;display:flex;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.admin-message-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}[data-theme=dark] .admin-message-success{background:#14532d;border-color:#16a34a;color:#bbf7d0}.admin-message-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}[data-theme=dark] .admin-message-error{background:#450a0a;border-color:#dc2626;color:#fca5a5}.admin-language-menu-container{position:relative}@media (max-width:768px){.admin-page{padding:16px}.admin-header{margin-bottom:20px;padding:20px}.admin-header-title{font-size:24px}.admin-header-top-row{flex-direction:column;gap:12px}.admin-nav-card{padding:16px}.admin-nav-card nav{flex-direction:column;gap:8px}.admin-btn{font-size:13px;justify-content:center;padding:10px 16px}.admin-card,.admin-form{padding:16px}.admin-form-row{gap:12px;grid-template-columns:1fr}.admin-login-card{padding:24px}}@media (max-width:480px){.admin-page{padding:12px}.admin-header{padding:16px}.admin-header-title{font-size:20px}.admin-btn{font-size:12px;padding:8px 12px}.admin-login-card{padding:20px}}.admin-btn:focus,.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus,.admin-header-icon-btn:focus,.admin-login-input:focus,.admin-login-submit:focus{box-shadow:0 0 0 3px #2563eb33;outline:none}#root,body,html{background:#f7f8fa;font-family:Cairo,Tajawal,Segoe UI,Arial,sans-serif;margin:0;min-height:100vh;padding:0;transition:background-color .3s ease,color .3s ease}#root.dark,.dark,body.dark,html.dark{background:#1a1a1a!important;color:#e5e5e5!important}.dark *{background-color:inherit;border-color:inherit;color:inherit}.dark .App,.dark .app-container,.dark main{background:#1a1a1a!important;min-height:100vh!important}*,.company-selector,.part-selector{box-sizing:border-box}.company-card,.part-card,.suggested-device-card{align-items:center;border-radius:12px;box-shadow:0 4px 10px #00000014;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:15px;transition:all .2s ease}.company-card img,.part-card img{background:#0000;border-radius:8px;display:block;margin:auto;object-fit:contain}.company-card:hover,.part-card:hover,.suggested-device-card:hover{border-color:#1976d2!important;box-shadow:0 6px 18px #1976d266;transform:translateY(-2px)}.dark .company-card:hover,.dark .part-card:hover,.dark .suggested-device-card:hover{border-color:#1976d2!important;box-shadow:0 6px 20px #1976d299}.step-indicator-bar{align-items:stretch;direction:ltr;display:flex;flex-direction:row;gap:16px;justify-content:center;margin:24px auto 36px;max-width:900px;padding:0 16px;width:100%}.step-indicator-bar.rtl{direction:rtl}.step-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#1f2937;cursor:default;display:flex;flex:1 1;min-height:80px;overflow:hidden;padding:20px 16px;position:relative;transition:all .3s ease}.step-item.step-active{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#3b82f6;box-shadow:0 8px 25px #3b82f64d;color:#fff;transform:translateY(-2px)}.step-item.step-done{background:#f0fdf4;border-color:#10b981;cursor:pointer}.step-item.step-done:hover{border-color:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.step-circle{align-items:center;border:2px solid #0000;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin-left:16px;transition:all .3s ease;width:40px}.circle-default{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.circle-active{background:#fff;box-shadow:0 0 0 2px #ffffff4d;color:#3b82f6}.circle-done{background:#10b981;border-color:#10b981;color:#fff}.step-content{flex:1 1;text-align:right}.step-subtitle{color:#9ca3af;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0 0 4px}.step-subtitle.subtitle-active{color:#fffc}.step-title{font-size:1rem;font-weight:600;line-height:1.3;margin:0}.step-done .step-title{color:#059669}.check-icon{height:22px;width:22px}.dark .step-item{background:#2a2a2a!important;border-color:#404040;box-shadow:0 2px 4px #0000004d;color:#e5e5e5}.dark .step-item.step-active{background:linear-gradient(135deg,#3b82f6,#1e40af)!important;border-color:#3b82f6;box-shadow:0 8px 25px #3b82f666;color:#fff}.dark .step-item.step-done{background:#1a3a2e!important;border-color:#10b981}.dark .circle-default{background:#404040!important;border-color:#6b7280;box-shadow:none!important;color:#9ca3af}.dark .step-subtitle{color:#9ca3af}.dark .step-done .step-title{color:#34d399}.step-item:before{background:#0000;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.step-item.step-active:before{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.step-item.step-done:before{background:#10b981}@media (max-width:768px){.step-item:before{display:none}.step-indicator-bar{gap:8px;max-width:100%;padding:0 12px}.step-item{align-items:center;border-radius:50%;display:flex;flex:none;height:50px;justify-content:center;min-height:auto;padding:0;position:relative;width:50px}.step-item.step-active{background:linear-gradient(135deg,#3b82f6,#1e40af)!important;border-radius:25px;flex:none;height:45px;min-width:auto;padding:0 12px;width:auto}.step-circle{font-size:1rem;height:40px;margin:0;width:40px}.step-item.step-active .step-circle{background:#0000;border:none;font-size:.85rem;font-weight:600;height:30px;margin-left:8px;width:30px}.step-content{display:none}.step-item.step-active .step-content{display:block;margin-right:8px;position:static;text-align:right;transform:none;white-space:nowrap}.step-item.step-active .step-title{color:#fff;font-size:.85rem;font-weight:600;margin:0}.step-item.step-active .step-subtitle{display:none}.check-icon{height:18px;width:18px}.company-selector{gap:12px;grid-template-columns:repeat(2,1fr);max-width:100vw;padding:0 4px}}@media (max-width:480px){.step-indicator-bar{gap:6px;padding:0 8px}.step-item{height:45px;width:45px}.step-item.step-active{border-radius:20px;height:40px;min-width:auto;padding:0 10px}.step-circle{font-size:.9rem;height:35px;width:35px}.step-item.step-active .step-circle{font-size:.75rem;height:28px;margin-left:6px;width:28px}.step-item.step-active .step-title{font-size:.75rem;margin-right:6px}.check-icon{height:16px;width:16px}.company-selector{gap:8px;grid-template-columns:1fr 1fr}footer{font-size:14px;margin-top:40px;padding:30px 16px}}footer{background:#fff;border-top:1px solid #e5e7eb;color:#6b7280;margin-top:60px;padding:40px 20px;text-align:center;transition:color .3s ease}.dark footer{background:#1a1a1a;border-top:1px solid #404040;color:#9ca3af}#root,body{margin:0;padding:0}.container{margin:0 auto;max-width:900px;padding:0 16px}.text-center{text-align:center}button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.dark button{background:#404040!important;color:#e5e5e5}.dark button:hover{background:#4a5568!important}.device-search-container{margin:40px auto 60vh;max-width:420px;padding:0 16px;position:relative}.search-input-wrapper{position:relative;width:100%}.device-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:18px;padding:18px 16px;transition:all .3s ease;width:100%}.device-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.device-search-input::placeholder{color:#9ca3af;font-style:italic}.suggestions-list{background:#fff;border:2px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 24px #0000001f;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;font-size:16px;padding:14px 16px;transition:all .2s ease}.suggestion-item:last-child{border-bottom:none;border-radius:0 0 10px 10px}.suggestion-item:hover{background:#f8fafc;color:#1f2937;padding-left:20px}.dark .device-search-input{background:#2a2a2a!important;border-color:#404040;color:#e5e5e5}.dark .device-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.dark .device-search-input::placeholder{color:#9ca3af}.dark .suggestions-list{background:#2a2a2a!important;border-color:#404040;box-shadow:0 8px 24px #0006}.dark .suggestion-item{border-bottom-color:#404040;color:#e5e5e5}.dark .suggestion-item:hover{background:#374151!important;color:#f9fafb}@media (max-width:768px){.device-search-container{margin:24px auto 60vh;max-width:100%;padding:0 12px}.device-search-input{font-size:16px;padding:16px 14px}.suggestion-item{font-size:15px;padding:12px 14px}}@media (max-width:480px){.device-search-container{margin:20px auto 60vh;padding:0 8px}.device-search-input{font-size:15px;padding:14px 12px}.suggestion-item{font-size:14px;padding:10px 12px}footer{font-size:14px;margin-top:40px;padding:30px 16px}}.suggested-device-card{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:700;height:110px;justify-content:center;padding:8px;text-align:center;transition:all .2s ease;width:110px}.suggested-device-card:hover{border-color:#1976d2!important;box-shadow:0 4px 12px #1976d24d;transform:translateY(-2px)}.dark .suggested-device-card:hover{border-color:#1976d2!important;box-shadow:0 4px 12px #1976d280}
/*# sourceMappingURL=main.82804ae1.css.map*/