:root{--bg:#050b14;--panel:rgba(12,23,39,.78);--line:rgba(255,255,255,.1);--text:#f6f8fb;--muted:#91a0b5;--accent:#7c5cff;--accent2:#20e3b2;--danger:#ff5d73}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#172747 0,#050b14 42%);color:var(--text);font-family:Tajawal,Inter,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.bg-orb{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none}.orb-a{background:#7c5cff;top:15%;left:-180px}.orb-b{background:#20e3b2;right:-180px;top:45%}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;background:#050b14aa}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:18px;direction:ltr}.brand b{color:var(--accent2);font-size:11px}.logo{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#4f8cff);box-shadow:0 0 28px #7c5cff66}nav{display:flex;gap:24px}nav a{color:var(--muted);text-decoration:none;font-size:13px}nav a:hover{color:#fff}.top-actions{display:flex;gap:7px;align-items:center}.icon-btn,.user-chip,.small-btn,.secondary{background:transparent;border:1px solid var(--line);color:#dce5f2;padding:9px 12px;border-radius:11px}.user-chip{background:#ffffff09}.hidden{display:none!important}main{width:min(1180px,92%);margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;padding:60px 0}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#8f9eb3;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 12px var(--accent2);margin-left:7px}h1{font-size:clamp(48px,6vw,80px);line-height:1;letter-spacing:-3px;margin:18px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#8b6cff,#20e3b2);-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);line-height:1.9;max-width:580px}.hero-actions{display:flex;gap:8px;margin-top:20px}.primary{border:0;color:#fff;background:linear-gradient(135deg,#7657ff,#5c83ff);padding:14px 20px;border-radius:13px;font-weight:700;box-shadow:0 14px 35px #6d5cff35}.secondary:hover,.small-btn:hover,.icon-btn:hover{background:#ffffff08}.scanner-card,.dashboard,.analysis,.result,.map-section,.admin{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(20px);box-shadow:0 30px 90px #0007;border-radius:28px}.scanner-card{padding:18px}.scan-head{display:flex;justify-content:space-between;color:#8f9eb3;font-size:10px;letter-spacing:2px;padding:5px 3px 14px}.scan-head span:last-child{color:var(--accent2)}.camera{height:420px;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(145deg,#101c2d,#08111e);display:grid;place-items:center}.camera-grid{position:absolute;inset:0;background-image:linear-gradient(#fff00007 1px,transparent 1px),linear-gradient(90deg,#fff00007 1px,transparent 1px);background-size:50px 50px}.scan-line{position:absolute;left:7%;right:7%;height:2px;top:10%;background:linear-gradient(90deg,transparent,#20e3b2,transparent);box-shadow:0 0 18px #20e3b2;opacity:0}.reticle{width:220px;height:220px;position:relative}.reticle i{position:absolute;width:28px;height:28px;border-color:#b8c7ff;border-style:solid}.reticle i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.reticle i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.reticle i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.reticle i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}.target-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:var(--accent2);transform:translate(-50%,-50%);box-shadow:0 0 35px var(--accent2)}.scan-label{position:absolute;bottom:28px;background:#07101de6;border:1px solid var(--line);padding:8px 13px;border-radius:99px;font-size:10px;letter-spacing:1px}.scan-tools{display:flex;gap:8px;margin-top:12px}.progress{height:3px;background:#142237;margin-top:15px;border-radius:9px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .25s}.dashboard,.analysis,.result,.map-section,.admin{padding:28px;margin:30px 0}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title span{font-size:11px;letter-spacing:2px;color:#9ba9bd}.section-title h2{margin:7px 0 0;font-size:27px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stats article{padding:20px;border:1px solid var(--line);border-radius:18px;background:#081321aa}.stats span{display:block;color:#72839b;font-size:9px;letter-spacing:1.5px}.stats strong{display:block;font-size:28px;margin:7px 0}.stats small{color:var(--muted)}.history-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:15px}.panel{border:1px solid var(--line);border-radius:18px;padding:20px;background:#08132188}.panel-title{display:flex;justify-content:space-between}.panel-title span,.admin-badge{font-size:9px;color:var(--accent2);border:1px solid #20e3b244;padding:5px 8px;border-radius:99px}.history-list{display:grid;gap:8px;margin-top:12px}.history-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.history-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#7c5cff14}.history-item small{color:var(--muted)}.empty{padding:30px;text-align:center;color:var(--muted)}.quick{display:grid;gap:8px}.quick button{text-align:right;background:#ffffff04;color:#fff;border:1px solid var(--line);padding:13px;border-radius:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.step{padding:15px;border:1px solid var(--line);border-radius:15px;color:#65758c;display:flex;gap:10px;align-items:center}.step em{margin-right:auto;font-style:normal;opacity:0}.step.active{border-color:#7c5cff77;color:#fff;background:#7c5cff10}.step.done{border-color:#20e3b255;color:#dffcf5}.step.done em{opacity:1;color:var(--accent2)}.result-top{display:flex;justify-content:space-between;align-items:flex-start}.result h2{font-size:32px;margin:10px 0}.muted{color:var(--muted);font-size:12px}.save-pill{border:1px solid #20e3b244;background:#20e3b20d;color:var(--accent2);padding:10px 13px;border-radius:12px;font-size:10px}.product-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;margin-top:25px}.product-visual{height:350px;border:1px solid var(--line);border-radius:20px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle,#192b46,#091321)}.product-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#7c5cff;filter:blur(60px);opacity:.25}.fake-product{font-size:140px;z-index:1}.scan-badge{position:absolute;top:15px;right:15px;font-size:9px;padding:8px 10px;border-radius:99px;background:#07111de6;border:1px solid #20e3b244;color:var(--accent2)}.price-panel{border:1px solid var(--line);border-radius:20px;padding:22px}.compare-controls{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px}.compare-controls span,.price-panel small{color:var(--muted);font-size:11px;display:block}.compare-controls strong{display:block;font-size:42px}.compare-controls select,.section-title select,.admin-form input,.authName,.modal-card input{background:#07111f;color:#fff;border:1px solid var(--line);padding:10px;border-radius:10px}.stores article{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.stores article div{display:grid;gap:4px;flex:1}.stores small{color:var(--muted);font-size:10px}.stores strong{font-size:17px}.stores button{border:1px solid var(--line);background:transparent;color:#fff;border-radius:9px;padding:7px 10px}.map-section{min-height:500px}.map-section h2{margin-bottom:0}.map-section #mapCanvas{height:400px;border-radius:18px;overflow:hidden;margin-top:20px;border:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:30px 0 80px}.features>div{padding:25px;border:1px solid var(--line);border-radius:20px;background:#09132188}.features span{color:var(--accent2);font-size:10px}.features p{color:var(--muted);font-size:12px;line-height:1.7}.admin-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:15px}.admin-form{display:grid;grid-template-columns:1fr 150px 1fr auto;gap:8px;margin:15px 0}.admin-form input{width:100%}.admin-product{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}.admin-metrics{display:grid;gap:12px}.admin-metrics b{font-size:28px;padding:15px;border:1px solid var(--line);border-radius:14px}.admin-metrics small{display:block;font-size:11px;color:var(--muted)}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:100;padding:20px}.modal-card{width:min(420px,100%);padding:28px;border:1px solid var(--line);background:#0b1728;border-radius:22px;position:relative;box-shadow:0 40px 100px #000}.modal-card input{display:block;width:100%;margin:10px 0}.close{position:absolute;left:18px;top:14px;background:none;border:0;color:#fff;font-size:25px}.full{width:100%;margin-top:10px}.link-btn{background:none;border:0;color:#8f9dff;margin-top:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#0d1a2b;border:1px solid var(--line);padding:12px 17px;border-radius:12px;color:#dce5f2;font-size:12px;opacity:0;transition:.3s;z-index:120}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes scan{0%{top:8%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:92%;opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:850px){.topbar{padding:0 3%;height:68px}nav{display:none}.hero{grid-template-columns:1fr;padding:40px 0;gap:30px}h1{letter-spacing:-1px}.camera{height:340px}.stats,.features,.steps,.product-layout,.admin-grid{grid-template-columns:1fr}.history-grid{grid-template-columns:1fr}.result-top{flex-direction:column;gap:15px}.admin-form{grid-template-columns:1fr}.product-visual{height:260px}.compare-controls strong{font-size:32px}}
.manual-barcode{display:flex;gap:8px;margin-top:9px}.manual-barcode input{flex:1;min-width:0;background:#07111f;color:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:10px;outline:none}.manual-barcode input:focus{border-color:#7c5cff}.manual-barcode .small-btn{white-space:nowrap}.camera video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:20px}.camera #qr-shaded-region{border-color:#20e3b2!important}.camera img{display:none!important}