@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans+Thai:wght@300;400;500;600;700;800&display=swap";
[data-theme=dark]{--bg-deep:#020308;--bg-base:#060910;--bg-surface:#0b0f1a;--bg-elevated:#111726;--bg-hover:#161d30;--glass-border:#ffffff12;--glass-border-hover:#ffffff24;--blue:#7eaeff;--blue-dim:#7eaeff1a;--green:#5eeaa0;--green-dim:#5eeaa014;--red:#ff7086;--red-dim:#ff708614;--amber:#f5c66a;--amber-dim:#f5c66a14;--cyan:#5ce8f8;--cyan-dim:#5ce8f814;--purple:#b89eff;--purple-dim:#b89eff14;--gold:#d4a853;--gold-dim:#d4a85314;--gold-glow:#d4a85324;--text-primary:#eaeef6;--text-secondary:#8494b4;--text-muted:#3e4d6a;--border:#ffffff0a;--border-subtle:#ffffff06;--topbar-bg:#020308bf;--shadow-card:0 8px 40px #0006,0 0 0 1px #ffffff08;--shadow-premium:0 16px 56px #00000080,0 0 0 1px #ffffff0a,inset 0 1px 0 #ffffff08;--shadow-glow:0 0 60px -12px;--scrollbar-thumb:#46557859;--accent:#f5c66a;--accent-glow:#f5c66a24}[data-theme=light]{--bg-deep:#f5f6fa;--bg-base:#ebedf4;--bg-surface:#fff;--bg-elevated:#f6f7fa;--bg-hover:#eceef4;--glass-border:#0000000f;--glass-border-hover:#0000001f;--blue:#3b7bf7;--blue-dim:#3b7bf712;--green:#10b77f;--green-dim:#10b77f12;--red:#ef4466;--red-dim:#ef44660f;--amber:#c4880d;--amber-dim:#c4880d12;--cyan:#0aadbd;--cyan-dim:#0aadbd0f;--purple:#7b5aff;--purple-dim:#7b5aff12;--gold:#b08928;--gold-dim:#b0892814;--gold-glow:#b089281a;--text-primary:#0c1222;--text-secondary:#4a5875;--text-muted:#94a1b8;--border:#0000000d;--border-subtle:#00000008;--topbar-bg:#f5f6facc;--shadow-card:0 4px 24px #0000000f;--shadow-premium:0 8px 32px #00000014,0 0 0 1px #00000008;--shadow-glow:0 0 40px -10px;--scrollbar-thumb:#8291af4d;--accent:#c4880d;--accent-glow:#c4880d1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100vh;text-rendering:optimizeLegibility;font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif;transition:background .5s,color .4s;overflow:hidden}[data-theme=dark] .g-panel{box-shadow:inset 0 1px #ffffff0a,0 4px 24px #0003}[data-theme=dark] .stat-card{box-shadow:0 4px 20px #00000040}[data-theme=dark] .stat-card:hover{box-shadow:0 8px 32px #0006,0 0 40px -10px var(--gold-glow)}[data-theme=dark] .dash-widget{box-shadow:inset 0 1px #ffffff08,0 2px 12px #00000026}[data-theme=dark] .dash-widget:hover{box-shadow:0 8px 32px #0000004d,0 0 0 1px #d4a85314}[data-theme=dark] .plant-card{box-shadow:inset 0 1px #ffffff0a,0 2px 12px #00000026}[data-theme=dark] .plant-card:hover{box-shadow:0 12px 40px #00000059,0 0 40px -8px var(--gold-glow)}[data-theme=dark] .modal-box{box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0a}[data-theme=dark] .offcanvas{box-shadow:-20px 0 80px #00000080}[data-theme=dark] .btn-primary{box-shadow:0 2px 16px var(--gold-glow),0 0 40px -8px #d4a85326}[data-theme=dark] .btn-primary:hover{box-shadow:0 4px 24px var(--gold-glow),0 0 60px -8px #d4a85340}[data-theme=dark] .auth-ft:hover{box-shadow:0 4px 24px #d4a8531a,inset 0 1px #ffffff0a}[data-theme=dark] .badge-on:before{box-shadow:0 0 10px var(--green),0 0 20px #5eeaa026}[data-theme=dark] .badge-off:before{box-shadow:0 0 10px var(--red),0 0 20px #ff708626}[data-theme=dark] .sidebar{border-right-color:#ffffff08}[data-theme=dark] .nav-btn.active{box-shadow:inset 0 0 20px -8px var(--accent-glow)}[data-theme=dark] .topbar{border-bottom-color:#ffffff08}[data-theme=dark] .form-input:focus,[data-theme=dark] .auth-input:focus{box-shadow:0 0 0 3px var(--gold-glow),0 0 20px -4px #d4a85326}h1,h2,h3,h4,h5{letter-spacing:-.03em}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}::-webkit-scrollbar-track{background:0 0}.sidebar{background:linear-gradient(180deg,var(--bg-base)0%,var(--bg-deep)100%);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:250px;padding:24px 16px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.sidebar.collapsed{width:68px;padding:16px 10px}.sidebar.collapsed .hide-collapsed{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center;gap:0;margin-bottom:16px;padding:4px 0}.sidebar.collapsed .sidebar-logo{border-radius:10px;width:36px;height:36px;margin:0;font-size:12px}.sidebar.collapsed .nav-btn{justify-content:center;gap:0;padding:10px}.sidebar.collapsed .nav-btn .nav-text{display:none}.sidebar.collapsed .nav-btn .ni{width:18px;height:18px}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:10px 4px}.sidebar.collapsed .collapse-btn svg{transform:rotate(180deg)}.collapse-btn{border:1px solid var(--glass-border);background:var(--bg-surface);cursor:pointer;width:26px;height:26px;color:var(--text-muted);z-index:101;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:32px;right:-13px;box-shadow:0 2px 8px #0000001f}.collapse-btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 2px 16px var(--gold-glow)}.collapse-btn svg{transition:transform .35s}.sidebar-brand{align-items:center;gap:14px;margin-bottom:28px;padding:8px 12px;display:flex}.sidebar-logo{color:#fff;width:40px;height:40px;box-shadow:0 4px 20px var(--gold-glow),0 0 0 1px var(--gold-dim);background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.sidebar-logo:hover{box-shadow:0 6px 28px var(--gold-glow),0 0 0 1px var(--gold);transform:scale(1.05)}.sidebar-brand h3{letter-spacing:-.03em;font-size:16px;font-weight:800}.sidebar-brand span{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:600;display:block}.nav-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:6px;margin:24px 0 8px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.nav-label:before{content:"";background:var(--gold);border-radius:50%;flex-shrink:0;width:3px;height:3px}.nav-btn{cursor:pointer;color:var(--text-secondary);text-align:left;letter-spacing:-.005em;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;width:100%;margin-bottom:2px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-btn.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.nav-btn.active:before{content:"";background:var(--gold);border-radius:0 4px 4px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-btn .ni{opacity:.6;flex-shrink:0;width:16px;height:16px;transition:opacity .3s}.nav-btn:hover .ni,.nav-btn.active .ni{opacity:1}.nav-badge{background:var(--red);color:#fff;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.sidebar-footer{background-image:linear-gradient(var(--bg-base),var(--bg-base)),linear-gradient(90deg,transparent,var(--gold-dim),transparent);background-origin:border-box;background-clip:padding-box,border-box;border-top:1px solid #0000;align-items:center;gap:10px;margin-top:auto;padding:16px 12px;display:flex}.avatar{border-radius:99px;flex-shrink:0;width:30px;height:30px;transition:box-shadow .3s;overflow:hidden}.avatar:hover{box-shadow:0 0 0 2px var(--gold-glow)}.main{z-index:2;height:100vh;margin-left:250px;transition:margin-left .35s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto}.sidebar.collapsed~.main{margin-left:68px}.main::-webkit-scrollbar{width:4px}.main::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.topbar{z-index:500;background:var(--topbar-bg);-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.leaflet-container{position:relative;z-index:1!important}.topbar-title{letter-spacing:-.04em;font-size:20px;font-weight:800}.topbar-sub{color:var(--text-muted);margin-top:1px;font-size:12px}.content{padding:28px 32px}.page-enter{animation:.5s cubic-bezier(.16,1,.3,1) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger{animation:.5s cubic-bezier(.16,1,.3,1) both stUp}.stagger:first-child{animation-delay:40ms}.stagger:nth-child(2){animation-delay:80ms}.stagger:nth-child(3){animation-delay:.12s}.stagger:nth-child(4){animation-delay:.16s}@keyframes stUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.g-panel{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:16px;transition:all .35s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:inset 0 1px #ffffff08}.g-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-card),inset 0 1px 0 #ffffff08;transform:translateY(-1px)}.g-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.g-title{letter-spacing:-.01em;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.g-body{padding:16px 20px}.badge{border-radius:99px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:5px;height:5px}.badge-on{background:var(--green-dim);color:var(--green)}.badge-on:before{background:var(--green);box-shadow:0 0 8px var(--green)}.badge-off{background:var(--red-dim);color:var(--red)}.badge-off:before{background:var(--red);box-shadow:0 0 8px var(--red)}.btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:9px;padding:8px 18px;font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary{background:linear-gradient(135deg,var(--amber),var(--gold));color:#0c1222;box-shadow:0 2px 12px var(--gold-glow);font-weight:700}.btn-primary:hover{box-shadow:0 6px 24px var(--gold-glow);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0}.btn-ghost:hover{border-color:var(--gold);color:var(--text-primary);background:var(--gold-dim)}.profile-avatar-wrapper{border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1)}.profile-avatar-wrapper:hover{box-shadow:0 0 0 2px #d4a85359}.stat-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:14px;padding:18px 20px;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff08}.stat-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-premium);transform:translateY(-2px)scale(1.01)}.form-group{margin-bottom:18px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.form-input{border:1px solid var(--glass-border);background:var(--bg-elevated);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:11px 16px;font-family:inherit;font-size:13px;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.type-option{border:1.5px solid var(--glass-border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.type-option:hover{border-color:var(--gold);box-shadow:0 4px 16px var(--gold-glow);transform:translateY(-1px)}.type-option.selected{border-color:var(--gold);background:var(--gold-dim)}.toast{z-index:9999;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--glass-border);border-left:3px solid var(--gold);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-premium);border-radius:12px;padding:14px 24px;font-size:13px;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) toastIn,.3s 2.5s forwards toastOut;position:fixed;bottom:24px;right:24px}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(10px)scale(.96)}}.widget-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dash-grid{grid-template-columns:repeat(6,1fr);gap:14px;min-height:200px;display:grid;position:relative}.dash-widget{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:14px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.dash-widget:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-card);transform:translateY(-1px)}.dash-widget.w1{grid-column:span 2}.dash-widget.w2{grid-column:span 3}.dash-widget.w3{grid-column:span 6}.dash-widget .wh{border-bottom:1px solid var(--border-subtle);letter-spacing:-.01em;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.dash-widget .wb{padding:14px 16px}.dash-widget.editing{border:2px dashed var(--gold);animation:3s infinite editPulse}.dash-widget.editing .w-remove,.dash-widget.editing .w-resize,.dash-widget.editing .w-settings{display:flex}.w-remove{background:var(--red);color:#fff;cursor:pointer;z-index:5;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:none;position:absolute;top:6px;right:6px}.w-resize{background:var(--blue);color:#fff;cursor:pointer;z-index:5;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:none;position:absolute;top:6px;right:32px}.w-settings{background:var(--purple);color:#fff;cursor:pointer;z-index:5;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:none;position:absolute;top:6px;right:58px}.w-drag{cursor:grab;color:var(--text-muted);padding:4px;display:none}.editing .w-drag{display:inline-flex}.dash-widget.dragging{opacity:.5;border-color:var(--gold)}@keyframes editPulse{0%,to{border-color:var(--gold)}50%{border-color:var(--gold-dim)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes notifPulse{0%,to{box-shadow:0 0 #ff708666}50%{box-shadow:0 0 0 4px #ff708600}}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:9000;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#00000080;justify-content:center;align-items:center;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-surface);border:1px solid var(--glass-border);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-premium);border-radius:24px;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideIn;overflow-y:auto}.modal-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.modal-head h3{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.modal-close{border:1px solid var(--glass-border);background:var(--bg-elevated);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:all .3s;display:flex}.modal-close:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.modal-body{padding:28px}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;padding:18px 28px;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.offcanvas{background:var(--bg-surface);border-left:1px solid var(--glass-border);z-index:1050;flex-direction:column;width:50%;height:100vh;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-50%;overflow:hidden;box-shadow:-16px 0 64px #0000004d}.offcanvas.open{right:0}.offcanvas-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1040;opacity:0;pointer-events:none;background:#0006;transition:opacity .35s;position:fixed;inset:0}.offcanvas-backdrop.open{opacity:1;pointer-events:auto}.offcanvas-head{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.offcanvas-body{flex:1;padding:20px 24px;overflow-y:auto}.plant-card{background:var(--bg-surface);border:1px solid var(--glass-border);cursor:pointer;border-radius:16px;padding:22px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.plant-card:before{content:"";background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;height:2px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.plant-card:hover{border-color:var(--gold-glow);box-shadow:var(--shadow-premium);transform:translateY(-3px)}.plant-card:hover:before{opacity:1}.dev-tag{border-radius:6px;align-items:center;gap:4px;margin:2px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes orbA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,20px)scale(1.1)}}@keyframes svgDraw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.svg-draw{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s forwards svgDraw}@keyframes svgPulse{0%,to{opacity:.5;r:3}50%{opacity:1;r:5}}.svg-pulse{animation:2.5s ease-in-out infinite svgPulse}@keyframes svgRing{0%,to{opacity:.3;r:8}50%{opacity:0;r:16}}.svg-ring{animation:2.5s ease-in-out infinite svgRing}@keyframes svgWave{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.svg-wave{transform-origin:50%;animation:3s ease-out infinite svgWave}@keyframes svgSpinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-spin-slow{transform-origin:50%;animation:40s linear infinite svgSpinSlow}@keyframes svgOrbit{0%{transform:rotate(0)translate(110px)rotate(0)}to{transform:rotate(360deg)translate(110px)rotate(-360deg)}}.svg-orbit{transform-origin:160px 160px;animation:8s linear infinite svgOrbit}@keyframes svgBreathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.svg-breathe{transform-origin:50%;animation:4s ease-in-out infinite svgBreathe}@keyframes svgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.svg-float{animation:3.5s ease-in-out infinite svgFloat}@keyframes svgDashFlow{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.svg-dash-flow{stroke-dasharray:4 4;animation:1.5s linear infinite svgDashFlow}@keyframes svgParticle{0%{cx:160;cy:160;opacity:.8}25%{cx:300;cy:200;opacity:.5}50%{cx:450;cy:350;opacity:.3}75%{cx:250;cy:500;opacity:.5}to{cx:160;cy:160;opacity:.8}}.svg-particle{animation:10s ease-in-out infinite svgParticle}@keyframes svgSpinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-spin-fast{animation:.8s linear infinite svgSpinFast}@keyframes svgFloatParticle{0%,to{opacity:.3;transform:translateY(0)translate(0)}25%{opacity:.6;transform:translateY(-20px)translate(10px)}50%{opacity:.2;transform:translateY(-8px)translate(-8px)}75%{opacity:.5;transform:translateY(-25px)translate(5px)}}.svg-float-particle{animation:6s ease-in-out infinite svgFloatParticle}@keyframes authEntrance{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}.auth-entrance{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards authEntrance}@keyframes authShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-error-shake{animation:.4s authShake}@keyframes authGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.auth-gradient-bg{background:radial-gradient(ellipse at 20% 50%,var(--amber-dim)0%,transparent 50%),radial-gradient(ellipse at 80% 20%,var(--cyan-dim)0%,transparent 50%),radial-gradient(ellipse at 50% 80%,var(--green-dim)0%,transparent 50%);background-size:200% 200%;animation:15s infinite authGradientShift;position:absolute;inset:0}.auth-pill{border:1px solid var(--glass-border);background:var(--bg-elevated);opacity:0;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;transition:all .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards authEntrance;display:inline-flex}.auth-pill:hover{border-color:var(--gold);box-shadow:0 2px 12px var(--gold-glow);transform:translateY(-1px)}.auth-toggle-btn{border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-family:inherit;font-size:11px;transition:all .3s;display:inline-flex}.auth-toggle-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.auth-ft{border:1px solid var(--glass-border);background:var(--bg-surface);cursor:default;border-radius:14px;align-items:flex-start;gap:14px;padding:16px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 1px #ffffff08}.auth-ft:hover{border-color:var(--gold);box-shadow:0 4px 20px var(--gold-glow);transform:translate(6px)}.auth-ico{border-radius:10px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.auth-ft h4{color:var(--text-primary);margin:0 0 3px;font-size:14px;font-weight:700}.auth-ft p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.5}.auth-input{background:var(--bg-elevated);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:12px 16px;font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif;font-size:13px;transition:all .3s cubic-bezier(.16,1,.3,1)}.auth-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.auth-input::placeholder{color:var(--text-muted);opacity:.6}.demo-row{border:1px solid var(--glass-border);cursor:pointer;border-radius:10px;margin-bottom:4px;padding:10px 14px;transition:all .3s cubic-bezier(.16,1,.3,1)}.demo-row:hover{border-color:var(--gold);background:var(--gold-dim);box-shadow:0 2px 12px var(--gold-glow)}.profile-menu{background:var(--bg-surface);border:1px solid var(--glass-border);width:220px;box-shadow:var(--shadow-premium);z-index:100;border-radius:16px;padding:12px;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideIn;position:absolute;top:50px;right:0}.premium-divider{background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);height:1px;margin:20px 0}.premium-glow{box-shadow:0 0 40px var(--gold-glow)}.leaflet-container{border-radius:0 0 14px 14px;background:var(--bg-elevated)!important}@media (max-width:1200px){.widget-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{width:56px;padding:16px 8px}.sidebar h3,.sidebar span,.nav-label,.sidebar-footer>div:last-child,.nav-btn .nav-text,.nav-badge{display:none}.main{margin-left:56px}.widget-grid{grid-template-columns:1fr}}