:root{--ink:#0a263b;--muted:#5f7788;--accent:#149ee5;--accent2:#38d39f;--warm:#ffd173;--glass:rgba(255,255,255,.58);--glass2:rgba(255,255,255,.78);--stroke:rgba(255,255,255,.84);--shadow:rgba(21,78,111,.18);--bg1:#bcecff;--bg2:#f6fdff;--bg3:#eafff4;--hero:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=82')}
html[data-skin=andes]{--accent:#397ca5;--accent2:#62bd8a;--warm:#f3d18d;--bg1:#bad8df;--bg2:#f2fbf9;--bg3:#e9f6e8;--hero:url('https://images.unsplash.com/photo-1464278533981-50106e6176b1?auto=format&fit=crop&w=1600&q=82')}
html[data-skin=forest]{--accent:#31866b;--accent2:#58c788;--warm:#e8cf81;--bg1:#c6e9d2;--bg2:#f2fff6;--bg3:#e0f8e9;--hero:url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1600&q=82')}
html[data-skin=sunset]{--accent:#d26b79;--accent2:#28b7b1;--warm:#ffc06a;--bg1:#ffd2b4;--bg2:#f6e3ff;--bg3:#dcf9ff;--hero:url('https://images.unsplash.com/photo-1470214304380-aadaedcfff1b?auto=format&fit=crop&w=1600&q=82')}
html[data-skin=night]{--ink:#edf7ff;--muted:#bed0dc;--accent:#58c8ff;--accent2:#62e1bb;--warm:#ffd371;--glass:rgba(14,40,58,.43);--glass2:rgba(12,36,55,.68);--stroke:rgba(255,255,255,.2);--shadow:rgba(0,0,0,.36);--bg1:#071826;--bg2:#102e42;--bg3:#113b48;--hero:url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=1600&q=82')}
html[data-skin=storm]{--ink:#f4f8fb;--muted:#d5e0e8;--accent:#8bc8ff;--accent2:#8de2c8;--warm:#ffe07d;--glass:rgba(13,31,47,.46);--glass2:rgba(10,29,45,.68);--stroke:rgba(255,255,255,.18);--shadow:rgba(0,0,0,.4);--bg1:#202a36;--bg2:#34475a;--bg3:#142d39;--hero:url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=1600&q=82')}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(circle at 84% 7%,color-mix(in srgb,var(--warm) 44%,transparent),transparent 24%),linear-gradient(155deg,var(--bg1),var(--bg2) 52%,var(--bg3));background-attachment:fixed}.wrap{max-width:1120px;margin:auto;padding:16px}.glass{background:linear-gradient(145deg,var(--glass2),var(--glass));border:1px solid var(--stroke);box-shadow:0 18px 56px var(--shadow);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}.top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mark{width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,var(--accent),var(--accent2));display:grid;place-items:center;color:white;font-weight:1000}.brand{flex:1}.brand b{display:block;font-size:14px;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.btn{border:0;border-radius:14px;padding:10px 12px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:white}.btn.soft{background:var(--glass);border:1px solid var(--stroke);color:var(--ink)}.btn.danger{background:#ff716c;color:white}.btn:disabled{opacity:.5;cursor:not-allowed}.skinbar,.nav{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.skin,.nav button{border:1px solid var(--stroke);background:var(--glass);color:var(--ink);padding:8px 10px;border-radius:999px;font-size:9px;font-weight:850;cursor:pointer}.nav button.active,.skin.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:white}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{border-radius:22px;padding:14px;margin-top:10px}.card h2,.card h3{margin:0 0 8px}.muted{color:var(--muted)}label{display:block;font-size:10px;font-weight:850;color:var(--muted);margin:9px 0 5px}input,select,textarea{width:100%;padding:11px;border-radius:13px;border:1px solid var(--stroke);background:var(--glass);color:var(--ink);outline:none;font:inherit}textarea{min-height:80px;resize:vertical}.row{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--stroke) 65%,transparent)}.row:last-child{border-bottom:0}.grow{flex:1}.row small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}.tag{display:inline-block;padding:5px 8px;border-radius:999px;font-size:8.5px;font-weight:900;border:1px solid var(--stroke);background:var(--glass)}.empty,.notice{padding:14px;border:1px dashed var(--stroke);border-radius:15px;color:var(--muted);font-size:10px}.notice.ok{border-style:solid;background:color-mix(in srgb,var(--accent2) 12%,var(--glass))}.notice.error{border-style:solid;background:rgba(255,113,108,.11);color:#a33}.hero{min-height:300px;border-radius:30px;overflow:hidden;position:relative;background-image:linear-gradient(180deg,rgba(0,25,38,.03),rgba(0,25,38,.74)),var(--hero);background-size:cover;background-position:center;color:white}.hero .inner{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.hero h1{margin:0 0 6px;font-size:31px}.pills{display:flex;justify-content:space-between;gap:8px}.pill{padding:8px 10px;border-radius:14px;background:rgba(8,34,50,.28);border:1px solid rgba(255,255,255,.24);font-size:9.5px}.section{display:none}.section.active{display:block}.auth{max-width:430px;margin:7vh auto}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.kpi{padding:12px;border-radius:18px}.kpi big{display:block;font-size:23px;font-weight:950}.kpi small{font-size:8px;color:var(--muted)}.radar{height:240px;border-radius:26px;position:relative;overflow:hidden;background:radial-gradient(circle at center,var(--glass2) 0 4%,transparent 5% 20%,color-mix(in srgb,var(--accent) 10%,transparent) 21% 22%,transparent 23% 42%,color-mix(in srgb,var(--accent) 10%,transparent) 43% 44%,transparent 45% 65%,color-mix(in srgb,var(--accent) 8%,transparent) 66% 67%,transparent 68%),linear-gradient(145deg,var(--glass2),var(--glass))}.radar:after{content:'';position:absolute;width:50%;height:50%;left:50%;top:50%;transform-origin:0 0;background:conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 34%,transparent),transparent 28%);animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.me{position:absolute;left:50%;top:50%;margin:-10px;width:20px;height:20px;border-radius:50%;background:white;border:5px solid var(--accent);z-index:2}.dot{position:absolute;width:15px;height:15px;border-radius:50%;border:3px solid white;background:var(--accent2);z-index:2}.d1{left:27%;top:30%}.d2{right:25%;top:27%;background:var(--warm)}.d3{right:29%;bottom:23%;background:var(--accent)}.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:10px}.table th,.table td{padding:8px;border-bottom:1px solid var(--stroke);text-align:left}.table th{font-size:8px;color:var(--muted);text-transform:uppercase}.footer{text-align:center;color:var(--muted);font-size:9px;padding:24px}.spinner{width:22px;height:22px;border:3px solid var(--stroke);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@media(max-width:850px){.grid,.grid3{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.wrap{padding:12px}.top{align-items:flex-start;flex-wrap:wrap}}.context-card{border-radius:24px;padding:15px;margin-top:10px;position:relative;overflow:hidden}.context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.context-head h3{margin:3px 0 3px}.context-kicker{font-size:8.5px;font-weight:950;letter-spacing:.16em;color:var(--accent)}.context-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.metric{padding:10px 8px;border-radius:16px;background:color-mix(in srgb,var(--glass2) 82%,transparent);border:1px solid var(--stroke);text-align:center;min-width:0}.metric strong{display:block;font-size:17px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric small{display:block;font-size:8px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.forecast-line{margin-top:10px;padding:10px 12px;border-radius:15px;background:color-mix(in srgb,var(--accent) 7%,var(--glass));border:1px solid var(--stroke);font-size:10px;color:var(--muted);line-height:1.4}.smart-notices{margin-top:12px}.notice-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--stroke) 60%,transparent)}.notice-item:last-child{border-bottom:0}.notice-icon{width:36px;height:36px;flex:0 0 36px;border-radius:13px;display:grid;place-items:center;background:var(--glass2);border:1px solid var(--stroke)}.notice-item b{font-size:11px}.notice-item small{display:block;color:var(--muted);font-size:9.5px;line-height:1.35;margin-top:2px}.hero{animation:heroDrift var(--hero-motion,14s) ease-in-out infinite alternate;background-position:center 48%}@keyframes heroDrift{from{background-position:48% 48%}to{background-position:55% 52%}}body::after{content:"";position:fixed;inset:-12%;pointer-events:none;z-index:-1;opacity:.12;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9),transparent 22%),radial-gradient(circle at 80% 65%,color-mix(in srgb,var(--accent) 50%,transparent),transparent 26%);animation:ambientFloat var(--ambient-speed,18s) ease-in-out infinite alternate}@keyframes ambientFloat{to{transform:translate3d(2.5%,-1.5%,0) scale(1.03)}}body.wx-wind::after{opacity:.2;animation-duration:var(--ambient-speed,8s)}body.wx-rain .hero::before,body.wx-storm .hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(112deg,transparent 0 22px,rgba(255,255,255,.20) 23px 24px,transparent 25px 46px);background-size:100px 210px;animation:adaptiveRain .72s linear infinite;opacity:.35}body.wx-storm .hero::before{opacity:.5;animation-duration:.48s}@keyframes adaptiveRain{to{background-position:90px 210px}}body.wx-storm .context-card{box-shadow:0 18px 60px rgba(24,42,68,.34)}@media(max-width:680px){.context-metrics{grid-template-columns:repeat(3,1fr)}.context-metrics .metric:nth-child(4),.context-metrics .metric:nth-child(5){grid-column:span 1}.context-head{align-items:center}}@media(prefers-reduced-motion:reduce){.hero,body::after,body.wx-rain .hero::before,body.wx-storm .hero::before{animation:none!important}}