:root{--bg:#f3f3ef;--card:#fff;--ink:#171813;--muted:#72746c;--line:#dedfd7;--accent:#dfff39;--dark:#20221d;--danger:#e34f55;--shadow:0 14px 42px #24261b12}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Manrope,system-ui,sans-serif;min-height:100dvh}body.dark{--bg:#12130f;--card:#1d1f19;--ink:#f5f6ed;--muted:#9da092;--line:#34372e;--dark:#f1f3e8;--shadow:0 14px 40px #0005}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{max-width:520px;margin:auto;padding:0 16px 104px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:8;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;align-items:center}.logo,.avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--dark);color:var(--bg);font-weight:900}.brand span{display:grid;font-size:10px;color:var(--muted)}.brand b{font-size:18px;color:var(--ink)}.top-actions{display:flex;gap:8px}.icon{width:40px;height:40px;border:1px solid var(--line);background:var(--card);border-radius:13px;color:var(--ink);position:relative}.badge{position:absolute;right:-3px;top:-4px;background:#f06467;color:white;min-width:17px;height:17px;padding:0 4px;border-radius:9px;font-size:9px;display:grid;place-items:center}.hello{margin:22px 0 18px}.hello p,.section-head p{margin:0;color:var(--muted);font-size:12px}.hello h1{font-size:31px;letter-spacing:-1.8px;line-height:1.08;margin:7px 0}.weather{background:var(--dark);color:var(--bg);border-radius:25px;padding:20px;display:grid;grid-template-columns:1fr auto;position:relative;overflow:hidden}.weather:after{content:"";width:140px;height:140px;border:34px solid var(--accent);border-radius:50%;position:absolute;right:-50px;top:-60px;opacity:.18}.weather small{opacity:.62}.weather b{font-size:46px;letter-spacing:-3px}.weather strong{font-size:15px}.weather .sun{font-size:38px;z-index:1}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 28px}.quick button{border:0;background:var(--card);color:var(--ink);border-radius:18px;padding:14px 4px 12px;display:grid;gap:7px;place-items:center;font-size:9px;box-shadow:var(--shadow)}.quick i{font-style:normal;font-size:21px}.section{margin:28px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-head h2{font-size:21px;letter-spacing:-1px;margin:0}.link{border:0;background:none;color:var(--muted);font-size:10px}.hscroll{display:flex;overflow:auto;gap:11px;margin-right:-16px;padding-right:16px;scrollbar-width:none}.event-card,.product,.place-card{min-width:230px;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.visual{height:120px;background:#d9ddd2;display:grid;place-items:center;font-size:48px;position:relative}.event-card .visual{background:linear-gradient(135deg,#d8ff59,#90b535)}.heart{position:absolute;right:10px;top:10px;border:0;background:#ffffffdf;width:34px;height:34px;border-radius:12px;font-size:17px}.heart.on{background:var(--accent)}.card-body{padding:14px}.tag{display:inline-flex;background:color-mix(in srgb,var(--accent) 70%,var(--card));padding:5px 8px;border-radius:10px;font-size:8px;font-weight:800}.card-body h3{font-size:15px;margin:9px 0 4px}.meta{font-size:9px;color:var(--muted)}.price{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price b{font-size:15px}.primary,.secondary,.danger{border:0;border-radius:13px;padding:12px 16px;font-weight:800;font-size:11px}.primary{background:var(--accent);color:#171813}.secondary{background:var(--card);border:1px solid var(--line);color:var(--ink)}.danger{background:#ffe0e1;color:#a51f25}.news{display:grid;gap:9px}.news article{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:6px}.news h3{font-size:13px;margin:0}.news p{font-size:10px;color:var(--muted);margin:0}.news span{font-size:26px}.page-title{padding:20px 0 14px}.page-title h1{font-size:31px;letter-spacing:-1.5px;margin:0}.page-title p{font-size:11px;color:var(--muted)}.search{display:flex;gap:8px;margin-bottom:12px}.search input,.field{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:13px 14px;border-radius:14px;outline:none}.chips{display:flex;gap:7px;overflow:auto;margin:8px -16px 16px;padding:0 16px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 12px;border-radius:20px;font-size:9px}.chip.on{background:var(--dark);color:var(--bg);border-color:var(--dark)}.map{height:58dvh;min-height:430px;background:linear-gradient(30deg,#dfe4d9 12%,transparent 12.5%,transparent 87%,#dfe4d9 87.5%),linear-gradient(150deg,#e5e9df 12%,transparent 12.5%,transparent 87%,#e5e9df 87.5%),#eef0e9;background-size:70px 120px;border-radius:24px;position:relative;overflow:hidden;border:1px solid var(--line)}body.dark .map{filter:brightness(.65)}.road{position:absolute;background:#fff9;transform:rotate(-22deg);width:130%;height:28px;left:-15%;top:47%}.marker{position:absolute;transform:translate(-50%,-50%);border:3px solid white;background:var(--dark);color:var(--bg);width:43px;height:43px;border-radius:15px 15px 15px 3px;display:grid;place-items:center;font-size:18px;box-shadow:0 8px 18px #3335}.marker.active{background:var(--accent);color:#111;transform:translate(-50%,-50%) scale(1.16)}.map-card{position:absolute;bottom:12px;left:12px;right:12px;background:var(--card);padding:14px;border-radius:18px;box-shadow:0 16px 45px #2224}.map-card h3{margin:0 0 4px;font-size:15px}.map-card .actions{display:flex;gap:7px;margin-top:10px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid .product{min-width:0}.product .visual{height:112px;background:#eceee7}.product .card-body{padding:12px}.add{width:34px;height:34px;border:0;border-radius:11px;background:var(--dark);color:var(--bg);font-size:19px}.cart-fab{position:fixed;right:max(18px,calc((100vw - 520px)/2 + 18px));bottom:89px;z-index:9;border:0;border-radius:18px;background:var(--accent);padding:14px 17px;font-weight:900;box-shadow:0 10px 30px #61751255}.list{display:grid;gap:9px}.list article{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:14px;display:flex;gap:12px;align-items:center}.list .emoji{font-size:26px;width:45px}.list .grow{flex:1}.list h3{font-size:13px;margin:0 0 4px}.list p{font-size:9px;color:var(--muted);margin:0}.status{font-size:8px;border-radius:10px;padding:5px 7px;background:#e8eddf;color:#4a5b30}.empty,.error,.loading{text-align:center;padding:48px 18px;color:var(--muted);font-size:11px}.empty i{font-style:normal;font-size:42px;display:block;margin-bottom:10px}.profile-hero{background:var(--dark);color:var(--bg);padding:22px;border-radius:24px;display:flex;align-items:center;gap:13px}.profile-hero .avatar{background:var(--accent);color:#171813;width:56px;height:56px}.profile-hero h2{font-size:17px;margin:0}.profile-hero p{font-size:10px;opacity:.65}.bonus{margin-left:auto;text-align:right}.bonus b{display:block;color:var(--accent);font-size:20px}.tabs{display:flex;gap:5px;margin:15px 0;overflow:auto}.tabs button{border:0;background:transparent;color:var(--muted);padding:9px 10px;font-size:9px}.tabs .on{background:var(--card);color:var(--ink);border-radius:10px}.activity{display:grid;gap:10px}.activity article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}.activity header{display:flex;gap:9px;align-items:center}.activity .avatar{width:35px;height:35px;font-size:9px}.activity p{font-size:11px;line-height:1.5}.activity footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.admin-shell{max-width:1100px;margin:auto;padding:0 20px 60px}.admin-shell .topbar{max-width:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:17px}.stat span{font-size:9px;color:var(--muted)}.stat b{display:block;font-size:25px;margin-top:5px}.chart{height:150px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;align-items:end;gap:7px}.bar{flex:1;background:var(--accent);border-radius:7px 7px 2px 2px;min-height:10px}.table-wrap{overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:10px}th{color:var(--muted)}td input,td select{background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:7px;border-radius:8px;max-width:120px}.check{width:16px}.pagination{display:flex;justify-content:center;gap:5px;margin:12px}.pagination button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:7px 10px}.bottom{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:76px;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(20px);display:flex;justify-content:space-around;border-top:1px solid var(--line)}.bottom button{border:0;background:none;color:var(--muted);font-size:8px;display:grid;place-items:center;gap:3px;min-width:55px}.bottom i{font-style:normal;font-size:20px}.bottom .on{color:var(--ink);font-weight:800}.bottom .on i{background:var(--accent);padding:5px 12px;border-radius:13px}.drawer{position:fixed;z-index:22;right:0;top:0;height:100%;width:min(90%,390px);background:var(--bg);padding:22px;transform:translateX(105%);transition:.25s;overflow:auto}.drawer.open{transform:none}.backdrop{position:fixed;inset:0;background:#0008;z-index:21;opacity:0;pointer-events:none;transition:.2s}.backdrop.open{opacity:1;pointer-events:auto}dialog{border:0;border-radius:24px;background:var(--bg);color:var(--ink);width:min(92%,430px);max-height:90dvh;padding:20px;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:20px}.close{border:0;background:var(--card);color:var(--ink);border-radius:11px;width:36px;height:36px}.form{display:grid;gap:11px;margin-top:16px}.form label{font-size:9px;color:var(--muted);display:grid;gap:5px}.qr{width:190px;height:190px;margin:20px auto;background:repeating-conic-gradient(#171813 0 25%,#fff 0 50%) 0/22px 22px;border:12px solid white;box-shadow:0 8px 30px #0003}.toast{position:fixed;z-index:40;left:50%;bottom:94px;transform:translate(-50%,20px);opacity:0;background:var(--dark);color:var(--bg);padding:12px 17px;border-radius:13px;font-size:10px;font-weight:800;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}#offline{display:none;position:fixed;z-index:50;top:0;left:0;right:0;text-align:center;background:#ffc95b;padding:6px;font-size:9px}.splash{height:100dvh;display:grid;place-items:center;align-content:center;gap:15px}.splash b{width:65px;height:65px;border-radius:20px;background:var(--dark);color:var(--accent);display:grid;place-items:center;font-size:24px}.splash span{font-size:10px;color:var(--muted)}@media(min-width:700px){.app{max-width:1000px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bottom{border-radius:22px 22px 0 0}.market-grid{grid-template-columns:repeat(4,1fr)}.map{height:620px}}@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}.admin-shell{padding:0 12px 90px}}