:root{--brand-dark:#0a1226;--brand-accent:#35c7f5;--brand-accent-2:#3ddc97;--text-light:#eef6ff}html[dir=rtl] body{font-family:Tajawal,Segoe UI,sans-serif}html[dir=ltr] body{font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--brand-dark);color:var(--text-light)}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid hsla(0,0%,100%,.08);gap:16px;flex-wrap:wrap}.header .logo{font-weight:700;font-size:20px;color:var(--brand-accent)}.header input[type=search]{flex:1 1;min-width:160px;padding:8px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05);color:var(--text-light)}.header nav{display:flex;gap:12px;align-items:center}.header a.button,.header button{background:var(--brand-accent);color:#04101f;border:none;padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none}.ad-banner{margin:16px 24px;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px;background:linear-gradient(135deg,rgba(53,199,245,.12),rgba(61,220,151,.08));position:relative}.ad-banner .ad-controls{position:absolute;top:8px;inset-inline-end:8px;display:flex;gap:6px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;padding:16px 24px}.product-card{background:hsla(0,0%,100%,.04);border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08)}.product-card img{width:100%;height:180px;object-fit:cover;display:block}.product-card .body{padding:12px}.product-page{padding:24px;display:grid;grid-template-columns:1.2fr 1fr;grid-gap:24px;gap:24px}.product-page .gallery img{width:100%;border-radius:12px;margin-bottom:8px}.checkout-form{max-width:480px;margin:24px auto;padding:24px;background:hsla(0,0%,100%,.04);border-radius:12px}.checkout-form input{width:100%;padding:10px;margin-bottom:12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05);color:var(--text-light)}.hero{padding:24px;text-align:center}.hero h1{color:var(--brand-accent)}.site-footer{padding:24px;text-align:center;opacity:.7;border-top:1px solid hsla(0,0%,100%,.08);margin-top:24px}.no-cover{height:180px;justify-content:center;background:hsla(0,0%,100%,.05);color:var(--brand-accent);font-weight:700}.ad-banner,.no-cover{display:flex;align-items:center}.ad-banner{gap:12px}.ad-img{width:96px;height:64px;object-fit:cover;border-radius:8px}.product-card{display:block;color:inherit;text-decoration:none}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:340px;padding:28px;background:hsla(0,0%,100%,.05);border-radius:14px;border:1px solid hsla(0,0%,100%,.1)}.login-card h1{font-size:18px;margin:0 0 16px;color:var(--brand-accent)}.login-card label{display:block;margin:10px 0 4px;font-size:13px;opacity:.8}.login-card input{width:100%;padding:10px;border-radius:8px;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.2);color:var(--text-light)}.login-card button{width:100%;margin-top:16px;padding:11px;border:none;border-radius:8px;background:var(--brand-accent);color:#04101f;font-weight:700;cursor:pointer}.login-error{color:#ff7b7b;font-size:13px}.login-brand{text-align:center;margin-bottom:8px}.login-brand img{max-width:140px;height:auto}.admin-shell{display:flex;min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,rgba(53,199,245,.08),transparent),var(--brand-dark)}.admin-side{width:250px;flex-shrink:0;background:rgba(4,10,24,.85);-webkit-border-end:1px solid hsla(0,0%,100%,.07);border-inline-end:1px solid hsla(0,0%,100%,.07);display:flex;flex-direction:column;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;text-decoration:none;color:var(--text-light);border-bottom:1px solid hsla(0,0%,100%,.07);margin-bottom:14px}.admin-brand img{border-radius:10px}.admin-brand span{display:flex;flex-direction:column;line-height:1.2}.admin-brand b{color:var(--brand-accent);font-size:16px;letter-spacing:.5px}.admin-brand i{font-style:normal;font-size:11px;opacity:.6}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text-light);text-decoration:none;font-size:14px;-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent;transition:background .15s}.admin-nav-link .ico{width:20px;text-align:center;opacity:.8}.admin-nav-link .en{-webkit-margin-start:auto;margin-inline-start:auto;font-size:11px;opacity:.45}.admin-nav-link:hover{background:hsla(0,0%,100%,.06)}.admin-nav-link.active{background:linear-gradient(90deg,rgba(53,199,245,.16),rgba(53,199,245,.04));border-inline-start-color:var(--brand-accent);color:#fff}.admin-site-link{margin-top:16px;padding:9px 12px;border-radius:10px;border:1px dashed hsla(0,0%,100%,.2);color:var(--brand-accent-2);text-decoration:none;font-size:13px;text-align:center}.admin-site-link:hover{border-color:var(--brand-accent-2)}.admin-side-foot{margin-top:auto;padding-top:14px;border-top:1px solid hsla(0,0%,100%,.07);display:flex;flex-direction:column;gap:8px}.admin-user{font-size:11px;opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.admin-logout{padding:9px;border:1px solid hsla(0,100%,74%,.35);background:transparent;color:#ff9d9d;border-radius:10px;cursor:pointer;font-size:13px}.admin-logout:hover{background:hsla(0,100%,71%,.12)}.admin-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.admin-topbar{padding:18px 32px;border-bottom:1px solid hsla(0,0%,100%,.07);background:hsla(0,0%,100%,.02)}.admin-main{flex:1 1;padding:26px 32px;overflow-x:auto}.admin-title{margin:0;font-size:20px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:linear-gradient(160deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.09);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:4px}.stat-card b{font-size:30px;color:var(--brand-accent)}.stat-card span{font-size:13px;opacity:.75}.admin-cards{display:flex;flex-direction:column;gap:18px}.admin-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:20px 22px}.admin-card h2{margin:0 0 12px;font-size:16px;color:var(--brand-accent)}.muted{opacity:.7;font-size:14px}.form-error{color:#ff7b7b}.form-error,.form-ok{font-size:13px;margin:4px 0}.form-ok{color:var(--brand-accent-2)}.admin-form{background:hsla(0,0%,100%,.04);border-radius:14px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:10px;border:1px solid hsla(0,0%,100%,.08)}.admin-card .admin-form{background:transparent;border:none;padding:0;margin:0}.admin-form .row{display:flex;gap:12px;flex-wrap:wrap}.admin-form .row>div{flex:1 1;min-width:160px}.admin-form label{font-size:13px;opacity:.8;display:block;margin-bottom:4px}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:9px;border-radius:8px;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.25);color:var(--text-light);font-family:inherit}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:2px solid rgba(53,199,245,.4);border-color:var(--brand-accent)}.admin-form textarea{min-height:70px}.admin-form .check{display:flex;align-items:center;gap:8px}.admin-form .actions{display:flex;align-items:center;gap:12px}.admin-form button,.admin-table button{padding:8px 14px;border:none;border-radius:8px;background:var(--brand-accent);color:#04101f;font-weight:600;cursor:pointer}.admin-form button:hover,.admin-table button:hover{filter:brightness(1.1)}.admin-form .ghost,.admin-table button.ghost{background:hsla(0,0%,100%,.12);color:var(--text-light)}.admin-form .msg{color:var(--brand-accent-2);font-size:13px}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumb{position:relative}.thumb img{width:72px;height:72px;object-fit:cover;border-radius:8px}.thumb button{position:absolute;top:-6px;inset-inline-end:-6px;width:22px;height:22px;padding:0;border-radius:50%;background:#ff6b6b;color:#fff}.table-wrap{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{background:hsla(0,0%,100%,.05);font-size:12px;text-transform:uppercase;letter-spacing:.4px;opacity:.75}.admin-table td,.admin-table th{padding:12px 14px;border-bottom:1px solid hsla(0,0%,100%,.06);text-align:start;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:hsla(0,0%,100%,.03)}.admin-table .cell-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px}.admin-table .row-actions{display:flex;gap:6px;align-items:center}.admin-table button{padding:6px 10px;font-size:13px}.admin-table .danger{background:#ff6b6b;color:#fff}@media (max-width:860px){.admin-shell{flex-direction:column}.admin-side{width:100%;height:auto;position:static}.admin-nav{flex-direction:row;flex-wrap:wrap}.admin-nav-link .en{display:none}.admin-main,.admin-topbar{padding-inline:18px}}.admin-bar{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;gap:14px;align-items:center;justify-content:center;padding:8px 16px;background:#101a33;border-bottom:1px solid var(--brand-accent);font-size:14px}.admin-bar .tag{color:var(--brand-accent);font-weight:700}.admin-bar a{color:var(--text-light);text-decoration:none;padding:4px 10px;border-radius:6px;background:hsla(0,0%,100%,.07)}.admin-bar a:hover{background:var(--brand-accent);color:#04101f}.header .admin-link{background:var(--brand-accent-2)}.view-link{color:var(--brand-accent);-webkit-margin-end:8px;margin-inline-end:8px}.quick,.view-link{text-decoration:none;font-weight:600}.quick{display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:transform .15s}.quick:hover{transform:translateY(-2px);border-color:var(--brand-accent)}.quick-title{margin:24px 0 8px;font-size:16px;color:var(--brand-accent)}.link-btn{text-decoration:none;display:inline-block}