*{box-sizing:border-box;margin:0;padding:0}:root{--olive-primary: #55602e;--olive-dark: #3f4821;--olive-light: #707e3d;--olive-bg-tint: #f6f8f2;--accent-gold: #c29b38;--bg-main: #f4f6ef;--card-bg: #ffffff;--text-main: #252b1f;--text-muted: #626a57;--border-color: #d8decc;--radius-xl: 20px;--radius-md: 12px;--shadow-soft: 0 10px 30px rgba(63, 72, 33, .1)}html{direction:rtl;min-height:100%}body{font-family:Tahoma,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);direction:rtl;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-container,.app{min-height:100vh;width:100%;display:flex;flex-direction:column}.site-header{background:linear-gradient(135deg,#3f4821,#55602e);color:#fff;padding:2.5rem 1rem 3.5rem;text-align:center;position:relative;box-shadow:0 10px 25px #3f482140}.header-overlay{display:none}.header-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.header-logo-box{width:60px;height:60px;background:#fff;color:var(--olive-primary);font-size:32px;font-weight:900;display:flex;align-items:center;justify-content:center;border-radius:16px;margin:0 auto 12px;box-shadow:0 6px 20px #00000026}.badge{display:inline-block;background:#ffffff26;padding:5px 14px;border-radius:20px;margin-bottom:10px;font-weight:700;color:#f6f8f2;font-size:.78rem}.site-header h1{margin:4px 0 8px;font-size:1.6rem;font-weight:800;color:#fff}.site-header p{margin:0;font-size:.85rem;opacity:.9;line-height:1.5}.nav-buttons{margin-top:1.5rem;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.nav-btn{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);padding:9px 16px;border-radius:var(--radius-md);font-weight:700;font-size:.82rem;transition:all .2s}.nav-btn:hover{background:#ffffff40}.nav-btn.active{background:#fff;color:var(--olive-dark);border-color:#fff;box-shadow:0 4px 12px #0000001a}.nav-btn.admin{background:#10b981;border-color:#10b981}.nav-btn.login{background:var(--accent-gold);color:#fff;border-color:var(--accent-gold)}.main-content{width:100%;max-width:750px;margin:-1.5rem auto 3rem;padding:0 16px;position:relative;z-index:10}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:26px 20px;box-shadow:var(--shadow-soft);margin-bottom:20px}.card h2{margin:0 0 4px;color:var(--olive-dark);font-size:1.3rem;font-weight:800}.subtitle{color:var(--text-muted);font-size:.88rem;margin-bottom:1.5rem;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{margin-bottom:14px}.form-group label,.card label{display:block;font-size:.85rem;font-weight:700;color:var(--text-main);margin-bottom:5px;text-align:right}input[type=text],input[type=tel],input[type=email],input[type=password],select,textarea{display:block;width:100%;min-height:46px;padding:10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--olive-bg-tint);color:var(--text-main);font-family:Tahoma,Arial,sans-serif;font-size:.9rem;direction:rtl;text-align:right;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--olive-primary);background:#fff;box-shadow:0 0 0 3px #55602e1a}textarea{min-height:90px;resize:vertical}.divider{margin:1.5rem 0;border:0;border-top:1px solid var(--border-color)}.device-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.add-device-btn{background:var(--olive-primary);color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:700}.device-box{background:var(--olive-bg-tint);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:14px}.device-box-top{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.82rem;font-weight:700;color:var(--text-muted)}.remove-device-btn{background:none;border:none;color:#dc2626;font-size:.78rem;font-weight:700;cursor:pointer}.submit-btn{width:100%;background:linear-gradient(135deg,var(--olive-primary) 0%,var(--olive-dark) 100%);color:#fff;border:none;padding:14px;border-radius:var(--radius-md);font-weight:800;font-size:1rem;cursor:pointer;margin-top:10px;box-shadow:0 6px 20px #55602e40}.submit-btn:hover{filter:brightness(1.1)}.brands-filter{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:15px}.brand-tab{background:var(--olive-bg-tint);color:var(--text-muted);border:1px solid var(--border-color);padding:8px 16px;border-radius:20px;font-size:.82rem;white-space:nowrap;font-weight:700}.brand-tab.active{background:var(--olive-primary);color:#fff;border-color:var(--olive-primary)}.search-input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:2px solid var(--olive-light);outline:none;font-size:.95rem;margin-bottom:1.5rem;background:#fff}.error-list{display:grid;gap:14px}.error-item{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;border-right:5px solid var(--olive-primary)}.error-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.error-badge{background:var(--olive-bg-tint);color:var(--olive-dark);padding:5px 10px;border-radius:6px;font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:6px;border:1px solid var(--border-color)}.brand-dot{width:7px;height:7px;background-color:var(--olive-primary);border-radius:50%}.error-code{background:#dc2626;color:#fff;padding:5px 10px;border-radius:6px;font-size:.85rem;font-weight:900}.error-item h3{font-size:1.05rem;color:var(--text-main);margin:6px 0;font-weight:800}.error-item p{font-size:.88rem;color:var(--text-muted);margin:5px 0;line-height:1.6}.error-item .solution{color:#059669;font-weight:600}.cta-btn{margin-top:12px;background:var(--olive-dark);color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:.78rem;font-weight:700}.no-result{text-align:center;color:var(--text-muted);padding:2.5rem}.article-card{background:var(--olive-bg-tint);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer}.article-card h3{color:var(--olive-dark);margin-bottom:6px;font-size:1.05rem}.article-card p{color:var(--text-muted);font-size:.85rem}.read-more{display:inline-block;margin-top:10px;color:var(--olive-primary);font-size:.82rem;font-weight:700}.back-btn{background:var(--olive-bg-tint);border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;cursor:pointer;margin-bottom:1rem;font-weight:700;color:var(--olive-dark)}.auth-input{width:100%;padding:12px;margin-bottom:12px;border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--olive-bg-tint)}.auth-btn{width:100%;background:var(--olive-primary);color:#fff;border:none;padding:12px;border-radius:var(--radius-md);font-weight:800}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1.2rem 0}.stat-box{background:var(--olive-bg-tint);padding:16px;border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-color)}.stat-box span{font-size:.82rem;color:var(--text-muted)}.stat-box strong{display:block;font-size:1.5rem;color:var(--olive-primary);margin-top:4px;font-weight:900}.admin-order-item{background:#fff;padding:16px;border-radius:var(--radius-md);margin-bottom:12px;border:1px solid var(--border-color);border-right:5px solid var(--olive-primary)}.order-top{display:flex;justify-content:space-between;margin-bottom:6px;font-weight:800}.order-top span{color:var(--olive-primary)}.order-device{font-size:.85rem;color:#334155;background:var(--olive-bg-tint);padding:10px;border-radius:6px;margin-top:6px;border:1px solid var(--border-color)}.logout-btn{margin-top:1.5rem;background:#dc2626;color:#fff;border:none;padding:10px 18px;border-radius:var(--radius-md);font-weight:800}.alert-error,.alert-success{padding:14px 16px;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem;font-weight:600}.alert-error{color:#991b1b;background:#fee2e2;border-right:5px solid #ef4444}.alert-success{color:#065f46;background:#d1fae5;border-right:5px solid #10b981}.loading-screen{text-align:center;padding:4rem;color:var(--text-muted);font-weight:700}@media(max-width:480px){.form-grid{grid-template-columns:1fr}.site-header h1{font-size:1.35rem}}