@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#06131e;--surface:#0b1c29;--surface2:#102534;--panel:#0c1d2b;--text:#f3f8fa;--muted:#91a7b4;--line:#1b3443;--accent:#b8f34b;--cyan:#27dfd3;--deep:#06111b;--danger:#ff6b75;--shadow:0 16px 46px #0005;--radius:16px}html[data-theme=light]{color-scheme:light;--bg:#f3f7f7;--surface:#fff;--surface2:#edf4f4;--panel:#fff;--text:#142732;--muted:#657b84;--line:#dbe6e8;--deep:#e7f0ef;--shadow:0 16px 46px #16425112}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 74% 0%,#0c2939 0,transparent 42%),var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;transition:background .25s,color .25s;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.wrap{width:min(1440px,calc(100% - 64px));margin-inline:auto}.topline{min-height:34px;background:#081824;border-bottom:1px solid #18313f;color:#a6bac4;display:flex;align-items:center;justify-content:center;gap:28px;padding:6px 20px;font-size:11px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #193242}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;white-space:nowrap}.brandmark{width:40px;height:40px;display:grid;place-items:center;color:#05202a;background:linear-gradient(145deg,var(--cyan),var(--accent));clip-path:polygon(50% 0,96% 26%,96% 75%,50% 100%,4% 75%,4% 26%);font-size:23px;font-weight:700}.brand small{display:block;font-size:9px;color:var(--muted);font-weight:400}.nav nav{display:flex;align-items:center;gap:28px;color:#c2d0d6;font-size:13px}.nav nav a{padding:12px 2px;transition:color .2s}.nav nav a:hover,.nav nav a:first-child{color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:12px}.search{height:42px;width:250px;display:flex;align-items:center;background:#0b1d2b;border:1px solid #294151;border-radius:24px;padding:0 13px}.search input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:12px}.search button,.icon-btn{border:0;background:none;color:var(--muted);cursor:pointer;font-size:20px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:50%}.cart-link{border:1px solid #294151;border-radius:22px;padding:9px 13px;font-size:12px}.cart-link b{background:var(--cyan);color:#06212a;border-radius:20px;padding:2px 7px;margin-right:4px}.hero{position:relative;margin-top:14px;min-height:455px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;overflow:hidden;border:1px solid #1b394a;border-radius:20px;background:#071521;box-shadow:var(--shadow)}.hero-art{position:absolute;inset:0 auto 0 0;width:55%;height:100%;overflow:hidden}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#071521 0%,#071521c9 16%,#07152125 58%,#07152100 100%),linear-gradient(0deg,#071521aa,transparent 50%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{z-index:2;grid-column:2;padding:54px 7% 48px 5%;text-align:right}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:12px}.hero .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}.hero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.12;letter-spacing:-2px;margin:19px 0 14px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-copy p{color:#c1d0d6;font-size:15px;max-width:480px;line-height:1.9;margin:0 0 24px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(100deg,#c5fb5c,#a6e93d);color:#132516;padding:0 23px;border-radius:28px;border:0;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 8px 24px #a9e94428;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #a9e94444}.btn.secondary{background:#102a39;color:var(--text);border:1px solid #274554;box-shadow:none}.btn.light{background:var(--cyan);color:#06202a}.trust{display:flex;gap:30px;margin-top:35px;color:#d5e1e5;font-size:11px}.trust span{display:flex;align-items:center;gap:8px}.trust i{color:var(--cyan);font-style:normal;font-size:17px}.hero-index{display:none}.section{padding-top:38px;padding-bottom:48px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading .eyebrow{color:var(--cyan);font-size:11px}.section-heading h2,.band-inner h2{font-size:24px;margin:5px 0 0}.section-heading>a{font-size:12px;color:var(--cyan)}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.chip{min-height:58px;display:flex;align-items:center;justify-content:space-between;border:1px solid #1d3949;border-radius:13px;background:linear-gradient(105deg,#0d2130,#0a1926);padding:0 17px;color:#e7f0f3;font-size:13px;transition:.2s}.chip:after{content:'✦';display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--cyan);background:#11313d;font-size:15px}.chip:hover{border-color:var(--cyan);transform:translateY(-2px)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product{display:grid;grid-template-columns:40% 60%;min-height:155px;background:linear-gradient(135deg,#0c1e2c,#0a1a27);border:1px solid #1b3646;border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}.product:hover{border-color:#2dcfc8;transform:translateY(-3px)}.product-image{position:relative;min-height:155px;overflow:hidden;background:#102532}.product-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.badge{position:absolute;top:9px;right:8px;background:#071924df;border:1px solid #29414e;padding:4px 8px;border-radius:15px;font-size:9px;color:var(--accent)}.product-info{padding:15px 13px;display:flex;flex-direction:column;justify-content:center}.muted{color:var(--muted);font-size:10px}.product h3{font-size:15px;margin:4px 0 4px}.product-info>p{font-size:10px;color:var(--muted);margin:0 0 10px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-bottom b{font-size:14px}.add{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:0 12px;border-radius:8px;background:var(--cyan);color:#05232a;font-weight:700;font-size:11px}.smart-band{margin:5px auto 24px;width:min(1440px,calc(100% - 64px));min-height:142px;overflow:hidden;border:1px solid #34515a;border-radius:15px;background:linear-gradient(90deg,#07151fdd,#07151f38),url('hero-store.jpg') center 54%/cover}.band-inner{min-height:142px;display:flex;align-items:center;gap:20px;padding:22px 28px}.band-inner .brandmark{flex:none}.band-inner p{margin-inline-start:auto;color:#d5e3e5;font-size:12px;max-width:260px}.band-inner h2{font-size:20px}.light{background:var(--cyan)}.footer{border-top:1px solid #1b3342;padding:22px 0;color:var(--muted);font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:12px}.notice{margin:15px auto;padding:14px 18px;background:#45381b;border:1px solid #77602b;border-radius:10px;color:#ffe49c}.notice.success{background:#143722;color:#b9f3c0;border-color:#28603b}.empty{padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:center;color:var(--muted)}.empty a{color:var(--cyan);text-decoration:underline}.cart-list{display:grid;gap:10px}.cart-row{display:flex;align-items:center;gap:15px;background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:10px}.cart-row img{width:70px;height:70px;object-fit:cover;border-radius:8px}.cart-row p{color:var(--muted)}.cart-row input{margin-right:auto;width:70px;padding:9px}.card{background:var(--surface);padding:24px;border:1px solid var(--line);border-radius:14px;max-width:700px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.form-grid input,.form-grid select,.cart-row input,.admin-form input,.admin-form textarea,.admin-form select{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:12px}.wide{grid-column:span 2}.checkout small{display:block;color:var(--muted);margin-top:12px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:var(--surface);padding:28px;border:1px solid var(--line);border-radius:16px}.product-detail>img{width:100%;max-height:500px;object-fit:cover;border-radius:12px}.product-detail p{line-height:1.9;color:var(--muted)}
/* Administrative dashboard */
.admin-wrap{width:auto;max-width:1500px;margin:0;padding:28px 30px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);direction:rtl;background:var(--bg)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:23px 16px;border-left:1px solid var(--line);background:#081722;display:flex;flex-direction:column}.admin-sidebar .brand{padding:2px 8px 25px;border-bottom:1px solid var(--line);font-size:17px}.admin-sidebar .brandmark{width:36px;height:36px}.sidebar-label{font-size:10px;color:#718996;padding:22px 13px 9px}.side-links{display:grid;gap:5px}.side-links a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;color:#a9bbc4;font-size:12px}.side-links a:hover,.side-links a.active{background:linear-gradient(90deg,#0a3741,#102d3a);color:#57e5de}.side-icon{width:23px;text-align:center;font-size:16px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:15px 10px;color:#8298a3;font-size:10px}.admin-main{min-width:0}.dash-top{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid var(--line);background:#091925}.dash-top .context{font-size:11px;color:var(--muted)}.dash-top .right-actions{display:flex;align-items:center;gap:13px}.dash-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#123440;color:var(--cyan)}.admin-wrap h1{font-size:25px;margin:5px 0}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-title p{font-size:11px;color:var(--muted);margin:3px 0}.admin-title select{background:var(--surface);border:1px solid var(--line);color:var(--text);padding:9px 13px;border-radius:9px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat{position:relative;background:linear-gradient(145deg,#102331,#0b1b28);border:1px solid #1c3746;border-radius:13px;padding:18px;min-width:0}.stat-label{display:flex;justify-content:space-between;align-items:center;color:#9bb0ba;font-size:11px}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#10333c;color:var(--cyan);font-size:17px}.stat b{display:block;font-size:26px;line-height:1.2;margin-top:15px;color:#f2f7f7}.stat .trend{font-size:10px;color:var(--accent);margin-top:8px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:14px;margin:15px 0}.panel{background:linear-gradient(145deg,#0d1f2d,#0a1a26);border:1px solid #1b3646;border-radius:13px;padding:18px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2,.panel h3{font-size:14px;margin:0}.panel-head span{font-size:10px;color:var(--muted)}.chart{height:195px;display:flex;align-items:end;gap:11px;padding:15px 6px 0;border-bottom:1px solid #203a49;background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#17303d 48px)}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.chart-bar{width:min(28px,72%);min-height:4px;border-radius:6px 6px 1px 1px;background:linear-gradient(0deg,#1fb5b3,#51e4dc);box-shadow:0 0 16px #28dfd32c}.chart-col label{font-size:9px;color:#8fa5af;white-space:nowrap}.chart-col small{font-size:9px;color:#d5e5e8}.admin-table{width:100%;border-collapse:collapse;background:transparent;border-radius:0;overflow:visible}.admin-table td,.admin-table th{padding:11px 9px;border-bottom:1px solid #1a3341;text-align:right;font-size:11px}.admin-table th{color:#8ca2ad;font-weight:500}.admin-table td{color:#e0e9eb}.admin-table tr:last-child td{border:0}.admin-grid .stat{padding:18px}.admin-grid .stat h3{font-size:14px}.admin-form{display:grid;gap:10px;max-width:660px}.admin-form input,.admin-form textarea,.admin-form select{padding:11px;border-radius:8px}.admin-form label{font-size:11px;color:var(--muted)}.admin-form .btn{width:max-content}.btn.small{min-height:30px;padding:4px 11px;font-size:10px}.danger{color:#ff7c86;background:none;border:0;cursor:pointer}.admin-table select{max-width:125px;padding:7px;background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:7px}.login{max-width:430px;margin:10vh auto;background:var(--surface);border:1px solid var(--line);padding:27px;border-radius:16px}.login h1{font-size:22px}.login .admin-form{padding-top:14px}.login:before{content:'◆ متجر الذكي — منصة الإدارة';display:block;color:var(--cyan);font-size:13px;margin-bottom:18px}.login .admin-form input{width:100%}.product-detail{background:var(--surface)}
.admin-wrap>.stats{margin:16px 0}.section-heading a,.chips a{transition:.2s}.floating-help{position:fixed;z-index:5;bottom:20px;left:22px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #2b5661;border-radius:28px;background:#0a1e2b;box-shadow:var(--shadow);font-size:11px}.floating-help b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--cyan),#b8f34b);color:#05212a;font-size:17px}
@media(max-width:1100px){.wrap{width:min(100% - 36px,1000px)}.hero{min-height:410px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:205px minmax(0,1fr)}.admin-wrap{padding:22px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.nav nav{gap:16px}.search{width:210px}}
@media(max-width:760px){.wrap{width:calc(100% - 26px)}.topline{font-size:9px;gap:10px}.nav{height:65px}.nav nav{display:none}.brand{font-size:16px}.search{display:none}.hero{grid-template-columns:1fr;min-height:610px}.hero-art{width:100%;height:53%;inset:0 0 auto}.hero-art:after{background:linear-gradient(0deg,#071521 0%,#07152144 45%,#07152122 100%)}.hero-copy{grid-column:1;align-self:end;padding:270px 25px 27px;position:relative}.hero h1{font-size:48px}.hero-copy p{font-size:13px}.trust{margin-top:22px;gap:15px}.section{padding-top:29px}.section-heading h2{font-size:20px}.chips{grid-template-columns:repeat(2,1fr);gap:8px}.chip{min-height:48px;font-size:11px}.products{grid-template-columns:1fr}.product{min-height:130px;grid-template-columns:38% 62%}.product-image{min-height:130px}.product-info{padding:11px}.product h3{font-size:14px}.smart-band{width:calc(100% - 26px)}.band-inner{padding:18px;gap:12px}.band-inner p{display:none}.footer-inner{flex-direction:column}.admin-shell{display:block}.admin-sidebar{position:sticky;z-index:5;top:0;width:100%;height:auto;padding:8px 12px;border-left:0;border-bottom:1px solid var(--line);display:block}.admin-sidebar .brand{padding:0;border:0;font-size:14px}.admin-sidebar .brandmark{width:31px;height:31px}.sidebar-label,.sidebar-foot{display:none}.side-links{display:flex;overflow:auto;gap:5px;margin-top:8px}.side-links a{flex:0 0 auto;padding:8px;font-size:10px}.side-icon{width:auto}.dash-top{height:50px;padding:0 15px}.admin-wrap{padding:17px 12px}.admin-wrap h1{font-size:20px}.stats{gap:8px}.stat{padding:13px}.stat b{font-size:21px}.stat-label{font-size:10px}.admin-grid{gap:10px}.chart{gap:5px}.chart-col label{font-size:8px}.product-detail{grid-template-columns:1fr;padding:16px}.admin-table td,.admin-table th{font-size:10px;padding:9px 6px}}
@media(max-width:410px){.cart-link{font-size:10px;padding:7px}.hero h1{font-size:41px}.stats{grid-template-columns:1fr 1fr}.stat b{font-size:19px}.admin-nav{overflow:hidden}}

.hero{direction:ltr}.hero-copy{direction:rtl}.product:first-child:nth-last-child(4)~.product:last-child{grid-column:2}
html[data-theme=light] body{background:var(--bg);color:var(--text)}html[data-theme=light] .topline{background:#e7f0ef;color:#314d55;border-color:var(--line)}html[data-theme=light] .nav{border-color:var(--line)}html[data-theme=light] .nav nav{color:#50666e}html[data-theme=light] .search{background:#fff;border-color:var(--line)}html[data-theme=light] .search input{color:var(--text)}html[data-theme=light] .cart-link{border-color:var(--line)}html[data-theme=light] .hero{background:#071521;color:#f3f8fa}html[data-theme=light] .chip{background:#fff;color:#263e48;border-color:var(--line)}html[data-theme=light] .product{background:#fff;border-color:var(--line)}html[data-theme=light] .product-info{color:#172e39}html[data-theme=light] .badge{background:#fff;color:#30434b;border-color:#dce5e6}html[data-theme=light] .smart-band{color:#f4f8f5}html[data-theme=light] .footer{border-color:var(--line)}html[data-theme=light] .admin-sidebar{background:#f8fbfb;border-color:var(--line)}html[data-theme=light] .admin-sidebar .brand{color:#1b3038;border-color:var(--line)}html[data-theme=light] .side-links a{color:#445d67}html[data-theme=light] .side-links a.active,html[data-theme=light] .side-links a:hover{background:#dff3f1;color:#087c7a}html[data-theme=light] .dash-top{background:#fff;border-color:var(--line)}html[data-theme=light] .stat,html[data-theme=light] .panel{background:#fff;border-color:var(--line)}html[data-theme=light] .stat b,html[data-theme=light] .admin-table td{color:#19323b}html[data-theme=light] .admin-table td,html[data-theme=light] .admin-table th{border-color:#e4ecec}html[data-theme=light] .admin-table th,html[data-theme=light] .admin-title p{color:#637980}html[data-theme=light] .floating-help{background:#fff;color:#1c343d;border-color:var(--line)}@media(max-width:760px){.product:first-child:nth-last-child(4)~.product:last-child{grid-column:auto}}