:root{--orange:#ff7a00;--black:#0b0b0d;--panel:#151519;--muted:#767676;--white:#fff;--line:#25252b;--green:#16a34a}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f5f5f7;color:#18181b}.app-shell{max-width:1280px;margin:0 auto;padding:14px}.app-header{position:sticky;top:0;z-index:50;background:rgba(11,11,13,.95);backdrop-filter:blur(10px);border-bottom:2px solid var(--orange);display:flex;align-items:center;gap:14px;padding:12px 16px}.logo{text-decoration:none;font-weight:1000;font-size:clamp(24px,3vw,42px);letter-spacing:-1px;color:#111;background:linear-gradient(135deg,#111,#ff7a00,#fff,#ff7a00,#111);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:lowercase}.glow span{text-shadow:0 0 8px rgba(255,122,0,.9),0 0 22px rgba(255,122,0,.65)}.menu-scroll{display:flex;gap:8px;overflow:auto;white-space:nowrap;align-items:center;width:100%;padding-bottom:2px}.menu-scroll a{color:#fff;text-decoration:none;background:#222228;border:1px solid #33333a;border-radius:999px;padding:10px 14px;font-size:14px}.menu-scroll a:hover,.cart-pill{background:var(--orange)!important;color:#111!important;font-weight:800}.hero{background:linear-gradient(135deg,#111,#1c1c20 60%,#ff7a00);border-radius:30px;color:white;padding:28px;margin:18px 0;display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:center;min-height:220px}.hero h1{font-size:clamp(32px,6vw,72px);line-height:.92;margin:0 0 12px}.hero p{font-size:18px;color:#f1f1f1}.searchbar{display:flex;gap:10px;background:white;border-radius:18px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.searchbar input{border:0;outline:0;flex:1;padding:13px;font-size:16px}.btn,.pay-btn{border:0;border-radius:14px;background:var(--orange);color:#111;font-weight:900;padding:13px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.dark{background:#111;color:white}.btn.light{background:#fff;color:#111;border:1px solid #ddd}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:white;border-radius:22px;box-shadow:0 10px 25px rgba(0,0,0,.07);overflow:hidden;border:1px solid #ececf0}.card img{width:100%;height:190px;object-fit:cover;background:#111}.card-body{padding:14px}.card h3{margin:0 0 8px;font-size:18px}.muted{color:var(--muted)}.price{font-size:22px;font-weight:1000;color:#111}.old{text-decoration:line-through;color:#999;margin-right:8px}.promo{background:#fff3e6;color:#a14900;border:1px solid #ffd1a3;padding:5px 9px;border-radius:999px;font-weight:800;font-size:12px}.details{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{font-size:12px;border:1px solid #e5e5e5;border-radius:999px;padding:6px 9px;background:#fafafa}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:20px}.cart-item{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:12px;background:white;border-radius:18px;margin-bottom:12px}.cart-item img{width:110px;height:88px;object-fit:cover;border-radius:14px}.summary{background:#111;color:white;border-radius:22px;padding:20px;position:sticky;top:92px;height:max-content}.summary .line{display:flex;justify-content:space-between;margin:10px 0}.summary .total{font-size:24px;font-weight:1000;color:var(--orange)}.admin-layout{display:grid;grid-template-columns:270px 1fr;gap:18px}.sidebar{background:#111;color:white;border-radius:24px;padding:16px;height:max-content;position:sticky;top:90px}.sidebar a{display:block;color:white;text-decoration:none;padding:12px;border-radius:14px}.sidebar a:hover{background:#24242a}.panel{background:white;border-radius:24px;padding:18px;box-shadow:0 10px 25px rgba(0,0,0,.06);margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;font-weight:800;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;border:1px solid #ddd;border-radius:14px;padding:12px;font:inherit}.field textarea{min-height:100px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #eee;text-align:left;padding:10px}.notice{background:#fff7ed;border:1px solid #fed7aa;padding:12px;border-radius:14px}.ticket{background:white;border:2px dashed #111;border-radius:22px;padding:22px;max-width:720px;margin:20px auto}.ticket h1{margin-top:0}.map{height:480px;border-radius:22px;overflow:hidden;border:1px solid #ddd}.country-list{display:flex;gap:8px;flex-wrap:wrap}.country{background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:999px;padding:8px 12px;font-weight:800}.ad-slot{border:1px dashed #bbb;border-radius:18px;padding:16px;text-align:center;color:#777;background:#fff;margin:14px 0}.download-box{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}@media (max-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.admin-layout,.cart-layout{grid-template-columns:1fr}.sidebar{position:static}}@media (max-width:700px){.app-header{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.app-shell{padding:10px}.card img{height:140px}.form-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:78px 1fr}.cart-item img{width:78px;height:70px}.cart-item .remove{grid-column:1/-1}.hero{border-radius:22px;padding:20px}.searchbar{flex-direction:column}}@media (min-width:1400px){.app-shell{max-width:100%;padding:22px 40px}.grid{grid-template-columns:repeat(6,1fr)}}