@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#080c10;--panel:#121922;--panel2:#19232d;--stroke:#283640;--ink:#eff5f4;--muted:#92a2ad;--mint:#b9f56e;--orange:#f9b66d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif}.brand,h1,h2,h3{font-family:Space Grotesk,Arial,sans-serif;letter-spacing:-.04em}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.shell{max-width:1240px;margin:auto;padding:0 28px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25303a}.brand{font-size:29px;font-weight:700;letter-spacing:-.06em}.brand span{color:var(--mint)}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px;color:#b9c7cb}.navlinks a:hover{color:var(--mint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;background:var(--mint);color:#111b17;padding:12px 17px;font-weight:700}.btn.alt{background:#1b252d}.btn.alt,.btn.ghost{border:1px solid var(--stroke);color:var(--ink)}.btn.ghost{background:transparent}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;color:var(--mint);font-size:12px;letter-spacing:.16em;font-weight:800}.hero{display:grid;grid-template-columns:1.07fr .93fr;min-height:540px;align-items:center;grid-gap:50px;gap:50px;padding:65px 0}.hero h1{font-size:clamp(48px,6vw,86px);line-height:1.04;margin:20px 0}.hero h1 em{font-style:normal;color:var(--mint)}.hero p{max-width:490px;font-size:17px;color:#a6b6bd;line-height:1.8}.hero-art{height:420px;background:radial-gradient(circle at 54% 39%,#466644 0,#22352c 31%,#14201e 56%,#0f1819 74%);border:1px solid #2a4038;border-radius:32px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-art:before{content:"★";font-size:300px;color:#b9f56e;opacity:.14;position:absolute;transform:rotate(-19deg)}.hero-art .console{font-size:120px;z-index:1;filter:drop-shadow(0 30px 22px #0008);transform:rotate(-10deg)}.floating{position:absolute;background:#c4f682;color:#24391e;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;bottom:30px;left:25px;transform:rotate(-4deg)}.section{padding:55px 0 90px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font-size:39px;margin:7px 0}.productgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:19px;gap:19px}.product{background:var(--panel);border:1px solid var(--stroke);border-radius:19px;overflow:hidden}.product .photo{height:220px;background:linear-gradient(145deg,#243436,#111f23);display:flex;align-items:center;justify-content:center;color:#b0d194;font-size:55px;overflow:hidden}.product img{height:100%;width:100%;object-fit:cover}.product-info{padding:18px}.product-info h3{font-size:17px;margin:8px 0 6px;letter-spacing:-.02em}.product .price{font-weight:800;font-size:19px}.product .btn{width:100%;margin-top:15px}.tag{color:var(--mint);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.footer{border-top:1px solid var(--stroke);padding:30px 0 50px;font-size:13px}.empty,.footer{color:var(--muted)}.empty{padding:50px;text-align:center;border:1px dashed var(--stroke);border-radius:17px}.cart{position:fixed;right:22px;top:94px;width:min(400px,calc(100vw - 44px));background:#18232b;border:1px solid #3c5554;border-radius:20px;z-index:30;box-shadow:0 20px 90px #000b;padding:22px}.cartline{gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--stroke)}.cart .total,.cartline{display:flex;justify-content:space-between}.cart .total{margin:20px 0;font-size:20px;font-weight:800}.adminlayout{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:#101820;border-right:1px solid var(--stroke);padding:27px 18px}.sidebar .brand{padding:0 13px 38px}.sideitem{display:flex;gap:12px;padding:13px 14px;border-radius:10px;color:#a6b7bd;font-size:14px;margin-bottom:5px;align-items:center}.sideitem.active{color:var(--mint);background:#263b2a}.adminmain{padding:35px;min-width:0}.admintop{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;gap:12px;flex-wrap:wrap}.admintop h1{font-size:32px;margin:4px 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:17px;gap:17px}.kpi{padding:24px;background:var(--panel);border:1px solid var(--stroke);border-radius:17px}.kpi .value{font-size:30px;font-weight:700;letter-spacing:-.04em;margin:14px 0 3px}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:23px;margin-top:20px;overflow:auto}.panel h3{margin:0 0 18px}.table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.table th{text-align:left;color:#8ca0aa;font-weight:600;border-bottom:1px solid var(--stroke);padding:13px 11px}.table td{border-bottom:1px solid #26343e;padding:16px 11px}.table tr:last-child td{border-bottom:0}.pill{background:#29403a;color:#c5f6ad;padding:5px 10px;border-radius:18px;text-transform:capitalize;font-size:11px}.pill.new{background:#483826;color:#f4cb88}.pill.cancelled{background:#482629;color:#ffa8a8}.field{width:100%;background:#0e171e;color:#eef6f4;border:1px solid #3a4a52;border-radius:10px;padding:12px;outline:none}.field:focus{border-color:var(--mint)}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:13px;gap:13px}.formgrid label{display:block;font-size:12px;color:#a8bdc3;margin-bottom:6px}.alert{padding:14px 18px;border:1px solid #718a4b;background:#263c2a;border-radius:12px;margin:12px 0;color:#d7f5af}.bad{border-color:#865353;background:#392326;color:#ffb6b6}.tabbuttons{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.tabbuttons button{background:#1a242b;border:1px solid var(--stroke);color:#a5b8bf;padding:10px 15px;border-radius:11px}.tabbuttons button.active{background:var(--mint);color:#152016}.login{max-width:420px;margin:12vh auto;background:var(--panel);padding:36px;border:1px solid var(--stroke);border-radius:18px}.login h1{font-size:31px}.login label{font-size:13px;color:#b6c5ca;display:block;margin:20px 0 8px}@media(max-width:960px){.kpis,.productgrid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{height:320px}.adminlayout{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;gap:5px;align-items:center;padding:12px}.sidebar .brand{padding:0 10px 0 0}.sideitem{margin:0;white-space:nowrap}.adminmain{padding:20px}}@media(max-width:600px){.shell{padding:0 17px}.navlinks{gap:12px}.navlinks a:first-child{display:none}.hero{padding:38px 0}.hero h1{font-size:49px}.section{padding:25px 0 65px}.productgrid{gap:10px}.product .photo{height:155px}.product-info{padding:12px}.section h2{font-size:31px}.kpis{gap:10px}.kpi{padding:15px}.kpi .value{font-size:25px}.formgrid{grid-template-columns:1fr}.hero-art .console{font-size:100px}}