@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Raleway:wght@300;400;600;700&family=Courier+Prime:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=DM+Sans:wght@300;400;500;600&family=Courier+Prime:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Raleway:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=DM+Sans:wght@300;400;500;600&family=Courier+Prime:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Playfair+Display:wght@400;700&family=DM+Sans:wght@300;400;500;600&family=Courier+Prime:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Arial,Helvetica,sans-serif}:root{--accent: #c8a030;--accent2: #4aaa60;--text: #f5e8c0;--muted: rgba(245, 232, 180, .5);--glow: 0 8px 36px rgba(200, 160, 40, .45)}.splash-container{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;background:linear-gradient(168deg,#1e3d0f,#2d5a1b 12%,#3a7a22,#4e9a30 38%,#72b048 50%,#9aba58,#b8a048,#a07830,#7a5520,#5a3a10);font-family:Raleway,sans-serif;text-align:center;color:var(--text)}.splash-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(0,0,0,.52) 100%),linear-gradient(to bottom,#00000061,#0000001f,#00000080);pointer-events:none;z-index:1}.hex-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16Z' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:56px 100px;pointer-events:none;z-index:1}.earth-bottom{position:absolute;bottom:0;left:0;right:0;height:25vh;background:linear-gradient(to top,rgba(60,30,5,.5) 0%,transparent 100%);pointer-events:none;z-index:1}.earth-mid{position:absolute;bottom:0;left:0;right:0;height:10vh;background:linear-gradient(to top,rgba(80,40,8,.6) 0%,transparent 100%);pointer-events:none;z-index:1}.rain-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.soil-particles span{position:absolute;border-radius:50%;animation:floatMote linear infinite;z-index:2;pointer-events:none}.soil-particles span:nth-child(1){width:3px;height:3px;background:#c8a0288c;left:12%;animation-duration:9s;animation-delay:0s;bottom:-10px}.soil-particles span:nth-child(2){width:2px;height:2px;background:#50c86473;left:28%;animation-duration:13s;animation-delay:2.5s;bottom:-10px}.soil-particles span:nth-child(3){width:4px;height:4px;background:#c8a02866;left:52%;animation-duration:10s;animation-delay:1s;bottom:-10px}.soil-particles span:nth-child(4){width:2px;height:2px;background:#50c86480;left:74%;animation-duration:12s;animation-delay:3.5s;bottom:-10px}.soil-particles span:nth-child(5){width:3px;height:3px;background:#c8a02873;left:88%;animation-duration:8s;animation-delay:.8s;bottom:-10px}.soil-particles span:nth-child(6){width:2px;height:2px;background:#50c86459;left:40%;animation-duration:14s;animation-delay:4s;bottom:-10px}.soil-particles span:nth-child(7){width:3px;height:3px;background:#c8a02880;left:62%;animation-duration:11s;animation-delay:1.8s;bottom:-10px}@keyframes floatMote{0%{transform:translateY(0) translate(0);opacity:0}8%{opacity:1}50%{transform:translateY(-45vh) translate(12px);opacity:.8}90%{opacity:.2}to{transform:translateY(-100vh) translate(-8px);opacity:0}}.stream-drop{position:absolute;width:5px;height:5px;border-radius:50%;background:#8cc8ff8c;animation:streamFall linear infinite;z-index:2;pointer-events:none}@keyframes streamFall{0%{transform:translateY(0);opacity:.7}to{transform:translateY(160px);opacity:0}}.splash-brand-line{width:260px;height:1px;background:linear-gradient(to right,transparent,rgba(245,220,120,.32),transparent);z-index:2;opacity:0;animation:fadeIn .6s ease .4s forwards}.plant-icon{font-size:72px;margin:16px 0 10px;z-index:2;filter:drop-shadow(0 6px 22px rgba(0,0,0,.55));animation:floatIcon 3.5s ease-in-out infinite,fadeSlideUp .7s ease .2s both;display:block}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title{font-family:Playfair Display,serif;font-size:46px;font-weight:700;color:#f5e8c0;letter-spacing:.07em;text-shadow:0 2px 22px rgba(0,0,0,.55),0 1px 0 rgba(255,220,100,.18);margin:6px 0 0;z-index:2;opacity:0;line-height:1.1;animation:fadeSlideUp .8s ease .35s forwards}.title .accent-word{color:#f0d555}.subtitle{font-family:Courier Prime,monospace;font-size:10px;font-weight:400;color:#f5e8b47a;letter-spacing:.42em;text-transform:uppercase;margin:10px 0 32px;z-index:2;opacity:0;animation:fadeSlideUp .8s ease .55s forwards}.loading-bar{width:240px;height:3px;background:#c8a02824;border-radius:4px;overflow:hidden;z-index:2;opacity:0;animation:fadeIn .5s ease .75s forwards;position:relative}.loading{width:0%;height:100%;background:linear-gradient(90deg,#7a5510,#c8a030,#f5c46a,#c8a030);background-size:200% 100%;border-radius:4px;animation:loadFill 3s linear forwards,shimmer 1.5s ease-in-out infinite}@keyframes loadFill{0%{width:0%}to{width:100%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-label{font-family:Courier Prime,monospace;font-size:9px;font-weight:400;color:#f5e8b452;letter-spacing:.3em;text-transform:uppercase;margin-top:14px;z-index:2;opacity:0;animation:fadeIn .5s ease .95s forwards}.loading-label:after{content:"▋";animation:blink 1s step-end infinite;color:#c8a02899;margin-left:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.splash-footer{position:absolute;bottom:18px;font-family:Courier Prime,monospace;font-size:9px;letter-spacing:.22em;color:#f5e8b433;text-transform:uppercase;z-index:2;opacity:0;animation:fadeIn .6s ease 1.2s forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@media (max-width: 620px){.title{font-size:28px}.subtitle{font-size:9px;letter-spacing:.28em}.loading-bar{width:180px}}:root{--accent: #c8a030;--accent2: #4aaa60;--text: #f5e8c0;--muted: rgba(245,232,180,.55);--glow: 0 8px 36px rgba(200,160,40,.5);--glow2: 0 8px 36px rgba(60,160,80,.48)}.auth-page{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;background:linear-gradient(168deg,#1e3d0f,#2d5a1b 12%,#3a7a22,#4e9a30 38%,#72b048 50%,#9aba58,#b8a048,#a07830,#7a5520,#5a3a10);font-family:Raleway,sans-serif}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(0,0,0,.5) 100%),linear-gradient(to bottom,#0006,#0000002e,#00000080);pointer-events:none;z-index:1}.living-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hex-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16Z' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:56px 100px;pointer-events:none;z-index:1}.earth-layer{position:absolute;left:0;right:0;pointer-events:none;z-index:1}.earth-layer.bottom{bottom:0;height:25vh;background:linear-gradient(to top,rgba(60,30,5,.5) 0%,transparent 100%)}.earth-layer.mid{bottom:0;height:10vh;background:linear-gradient(to top,rgba(80,40,8,.6) 0%,transparent 100%)}.brand-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:42px;z-index:2;opacity:0;animation:fadeSlideUp .8s ease .3s forwards}.brand-line{width:300px;height:1px;background:linear-gradient(to right,transparent,rgba(245,220,120,.35),transparent)}.brand-center{display:flex;align-items:center;gap:14px}.brand-leaf,.brand-drop{font-size:26px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.4));animation:floatIcon 4s ease-in-out infinite}.brand-drop{animation-delay:2s}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.main-title{font-family:Playfair Display,serif;font-size:54px;font-weight:700;color:#f5e8c0;letter-spacing:.08em;text-shadow:0 2px 20px rgba(0,0,0,.5);margin:0;line-height:1}.main-sub{font-family:Courier Prime,monospace;font-size:10px;color:#f5e8b480;letter-spacing:.48em;text-transform:uppercase;margin:4px 0 0}.brand-tagline{font-size:11px;color:#f5e8b459;letter-spacing:.12em;font-style:italic;margin:0}.auth-cards{display:flex;gap:28px;z-index:2}.card{width:260px;padding:34px 28px 28px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;position:relative;color:var(--text);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .3s;opacity:0;overflow:hidden;animation:fadeSlideUp .8s ease forwards}.login-card{background:#161008!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(180,120,15,.25) 0%,transparent 55%)!important;border:1px solid rgba(180,130,25,.55);box-shadow:0 20px 55px #000000e6,0 6px 20px #000000bf,inset 0 1px #c89b2826;animation-delay:.5s}.register-card{background:#091208!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(20,110,50,.25) 0%,transparent 55%)!important;border:1px solid rgba(40,140,65,.55);box-shadow:0 20px 55px #000000e6,0 6px 20px #000000bf,inset 0 1px #4bbe641f;animation-delay:.8s}.login-card:after,.register-card:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;pointer-events:none;z-index:3}.login-card:after{background:linear-gradient(to right,transparent,rgba(210,165,45,.65),transparent)}.register-card:after{background:linear-gradient(to right,transparent,rgba(60,185,90,.6),transparent)}.card:hover{transform:translateY(-12px) scale(1.025)}.login-card:hover{border-color:#d2a023cc;box-shadow:var(--glow),0 26px 64px #000000f2,inset 0 1px #dcaf3238}.register-card:hover{border-color:#37af5acc;box-shadow:var(--glow2),0 26px 64px #000000f2,inset 0 1px #5ad27333}.card-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:240px;height:160px;border-radius:50%;pointer-events:none;opacity:.5;transition:opacity .45s}.card-glow.warm{background:radial-gradient(ellipse,rgba(180,125,18,.35) 0%,transparent 70%)}.card-glow.cool{background:radial-gradient(ellipse,rgba(35,150,65,.3) 0%,transparent 70%)}.card:hover .card-glow{opacity:1}.card-corner{display:none}.login-card .card-diamond,.register-card .card-diamond{position:absolute;width:6px;height:6px;border-radius:1px;transform:rotate(45deg);pointer-events:none;transition:opacity .4s ease,transform .4s ease;opacity:.7;z-index:4}.login-card .card-diamond{background:#c8a028e6;box-shadow:0 0 8px 2px #c8a02880}.register-card .card-diamond{background:#32af55e6;box-shadow:0 0 8px 2px #32af5580}.card-diamond.tl{top:10px;left:10px}.card-diamond.tr{top:10px;right:10px}.card-diamond.bl{bottom:10px;left:10px}.card-diamond.br{bottom:10px;right:10px}.card:hover .card-diamond{opacity:1;transform:rotate(45deg) scale(1.35)}.card-badge{font-family:Courier Prime,monospace;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;padding:0;border:none;background:none;border-radius:0}.card-badge.warm{color:#e2b840}.card-badge.cool{color:#68e888}.icon{font-size:44px;margin-bottom:2px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 4px 16px rgba(0,0,0,.7));display:block}.plant:hover{transform:scale(1.35) rotate(-12deg)}.water:hover{transform:scale(1.35) translateY(-7px)}.card h2{font-family:Playfair Display,serif;font-size:20px;font-weight:700;letter-spacing:.13em;color:#f0d555;margin:2px 0 0;text-shadow:0 1px 14px rgba(170,120,10,.5)}.register-card h2{color:#58ef7c;text-shadow:0 1px 14px rgba(25,130,55,.5)}.card p{font-size:12px;color:#c8bea0b8;line-height:1.65;letter-spacing:.02em}.stat-row{display:flex;gap:14px;margin:6px 0}.stat-row span{font-family:Courier Prime,monospace;font-size:11px;letter-spacing:.08em;padding:0;border:none;background:none;opacity:.85}.login-card .stat-row span{color:#e4bc58e6}.register-card .stat-row span{color:#69de8ce6}.stat-row span:before{content:"• ";opacity:.5}.login-btn,.register-btn{width:100%;padding:12px 18px;border-radius:26px;font-family:Raleway,sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;margin-top:4px;transition:all .35s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:7px}.login-btn{background:#82550647;border:1px solid rgba(175,125,22,.65);color:#d9ae38}.login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#9a7018,#c8a030,#ddb840);transform:translate(-100%);transition:transform .38s ease;z-index:0}.login-btn span,.login-btn svg{position:relative;z-index:1}.login-btn:hover:before{transform:translate(0)}.login-btn:hover{color:#180e00;border-color:transparent;box-shadow:var(--glow)}.register-btn{background:#0c4b1e47;border:1px solid rgba(42,140,65,.65);color:#52d672}.register-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1c6835,#2e9a50,#3ab862);transform:translate(-100%);transition:transform .38s ease;z-index:0}.register-btn span,.register-btn svg{position:relative;z-index:1}.register-btn:hover:before{transform:translate(0)}.register-btn:hover{color:#e8fff0;border-color:transparent;box-shadow:var(--glow2)}.footer-hint{position:absolute;bottom:18px;font-family:Courier Prime,monospace;font-size:9px;letter-spacing:.22em;color:#f5e8b438;text-transform:uppercase;z-index:2;opacity:0;animation:fadeSlideUp .7s ease 1.3s forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 620px){.main-title{font-size:32px}.auth-cards{flex-direction:column;gap:16px}.card{width:min(86vw,300px);padding:26px 20px}.brand-leaf,.brand-drop{font-size:20px}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:overlayIn .25s ease forwards}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.popup-box{position:relative;width:320px;padding:38px 30px 32px;text-align:center;border-radius:22px;overflow:hidden;background:#161008!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(180,120,15,.3) 0%,transparent 60%)!important;border:1px solid rgba(200,160,40,.5);box-shadow:0 32px 80px #000000e6,0 8px 28px #000000b3,inset 0 1px #c89b282e;animation:boxIn .32s cubic-bezier(.175,.885,.32,1.275) forwards;font-family:DM Sans,sans-serif;color:#f5e8c0}.popup-box:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(to right,transparent,rgba(210,165,45,.7),transparent);pointer-events:none;z-index:2}.popup-box:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(60,30,5,.25) 0%,transparent 100%);pointer-events:none;z-index:0}@keyframes boxIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-corner{position:absolute;width:7px;height:7px;border-radius:1px;transform:rotate(45deg);background:#c8a028e6;box-shadow:0 0 8px 2px #c8a02880;pointer-events:none;z-index:4;transition:transform .3s ease}.popup-box:hover .popup-corner{transform:rotate(45deg) scale(1.3)}.popup-corner.tl{top:10px;left:10px}.popup-corner.tr{top:10px;right:10px}.popup-corner.bl{bottom:10px;left:10px}.popup-corner.br{bottom:10px;right:10px}.popup-icon{position:relative;z-index:3;font-size:52px;margin-bottom:14px;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));animation:floatIcon 3.5s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.popup-box h2{position:relative;z-index:3;font-family:Cinzel,serif;font-size:18px;font-weight:500;letter-spacing:.08em;color:#f0d555;margin-bottom:12px;text-shadow:0 1px 14px rgba(170,120,10,.5)}.popup-divider{position:relative;z-index:3;width:160px;height:1px;background:linear-gradient(to right,transparent,rgba(245,220,120,.35),transparent);margin:0 auto 14px}.popup-box p{position:relative;z-index:3;font-size:13px;color:#f5e8b4bf;margin-bottom:26px;line-height:1.7;letter-spacing:.03em}.popup-btn{position:relative;z-index:3;padding:12px 34px;background:#82550647;border:1px solid rgba(175,125,22,.65);border-radius:40px;color:#d9ae38;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:all .32s ease}.popup-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#9a7018,#c8a030,#ddb840);transform:translate(-100%);transition:transform .35s ease;z-index:0;border-radius:40px}.popup-btn span{position:relative;z-index:1}.popup-btn:hover:before{transform:translate(0)}.popup-btn:hover{color:#180e00;border-color:transparent;box-shadow:0 8px 28px #c8a0286b;transform:translateY(-2px)}@media (max-width: 768px){.popup-box{width:88%;padding:28px 20px 24px}}.login-page{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:Raleway,sans-serif;background:radial-gradient(ellipse at 12% 8%,rgba(90,190,60,.8) 0%,transparent 38%),radial-gradient(ellipse at 88% 6%,rgba(60,160,40,.55) 0%,transparent 32%),radial-gradient(ellipse at 82% 88%,rgba(120,70,8,.85) 0%,transparent 42%),radial-gradient(ellipse at 18% 92%,rgba(80,45,5,.6) 0%,transparent 38%),radial-gradient(ellipse at 55% 55%,rgba(12,45,12,.95) 0%,transparent 65%),#091508}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(106deg,transparent 0px,transparent 1px,rgba(210,240,200,.055) 1px,rgba(210,240,200,.055) 2px,transparent 2px,transparent 20px),repeating-linear-gradient(106deg,transparent 0px,transparent 4px,rgba(210,240,200,.025) 4px,rgba(210,240,200,.025) 5px,transparent 5px,transparent 38px);background-size:130px 320px,220px 520px;animation:rain 1.4s linear infinite;pointer-events:none;z-index:0}.login-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16Z' fill='none' stroke='rgba(120,200,80,0.065)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:56px 100px;pointer-events:none;z-index:0}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.login-particles span{position:absolute;border-radius:50%;background:#c8943a6b;animation:float-up linear infinite}.login-particles span:nth-child(1){left:8%;width:3px;height:3px;animation-duration:9s;animation-delay:0s}.login-particles span:nth-child(2){left:22%;width:5px;height:5px;animation-duration:13s;animation-delay:2s;background:#4a9a5052}.login-particles span:nth-child(3){left:40%;width:4px;height:4px;animation-duration:10s;animation-delay:1s}.login-particles span:nth-child(4){left:60%;width:3px;height:3px;animation-duration:14s;animation-delay:3.5s;background:#4a9a503d}.login-particles span:nth-child(5){left:78%;width:4px;height:4px;animation-duration:8s;animation-delay:.5s}.login-particles span:nth-child(6){left:92%;width:6px;height:6px;animation-duration:11s;animation-delay:4s;background:#c8943a38}@keyframes float-up{0%{bottom:-10px;opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:.5}to{bottom:105%;opacity:0;transform:translate(18px)}}.login-card{width:420px;padding:52px 48px 46px;border-radius:22px;position:relative;z-index:1;text-align:center;color:#e8d5b0;background:radial-gradient(ellipse at 50% -8%,rgba(200,148,58,.22) 0%,transparent 52%),radial-gradient(ellipse at 50% 108%,rgba(130,75,10,.18) 0%,transparent 52%),linear-gradient(170deg,#211509,#130f07 52%,#1e1408);border:1px solid rgba(200,148,58,.28);box-shadow:0 0 0 1px #c8943a0f,0 2px #f0b94138,0 24px 70px #000000b8,0 6px 24px #c8943a17,inset 0 1px #e6b45033;animation:card-rise .65s cubic-bezier(.22,1,.36,1) both}.login-card:before{content:"";position:absolute;top:0;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(200,148,58,.5) 20%,#f5d080 48%,rgba(200,148,58,.5) 78%,transparent);border-radius:0 0 4px 4px}.login-card:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,148,58,.22),transparent)}.login-card .corner{position:absolute;width:20px;height:20px;border-color:#c8943a85;border-style:solid}.login-icon{font-size:42px;display:block;margin-bottom:12px;filter:drop-shadow(0 3px 12px rgba(200,148,58,.48));animation:pulse-gold 3.5s ease-in-out infinite}@keyframes pulse-gold{0%,to{filter:drop-shadow(0 3px 12px rgba(200,148,58,.42));transform:translateY(0)}50%{filter:drop-shadow(0 6px 20px rgba(200,148,58,.72));transform:translateY(-4px)}}.login-title{font-family:Playfair Display,serif;font-size:38px;font-weight:500;color:#c8943a;letter-spacing:.13em;margin-bottom:5px;text-shadow:0 0 35px rgba(200,148,58,.38),0 2px 8px rgba(0,0,0,.65)}.login-label{font-size:10.5px;font-weight:700;letter-spacing:.28em;color:#c8943a73;text-transform:uppercase;margin-bottom:34px;display:block}.login-subtitle{color:#d2b98c7a;margin-bottom:26px;font-size:13px;letter-spacing:.04em}.input-group{display:flex;align-items:center;background:#fff5d20a;border:1.5px solid rgba(200,148,58,.18);border-radius:12px;padding:12px 16px;margin-bottom:16px;transition:border-color .25s,box-shadow .25s,background .25s}.input-group:focus-within{border-color:#c8943aa6;background:#fff5d212;box-shadow:0 0 0 3px #c8943a1a,0 4px 22px #c8943a12}.login-input{border:none;outline:none;width:100%;font-size:14px;font-family:Raleway,sans-serif;color:#e0ca90;background:transparent;letter-spacing:.03em}.login-input::placeholder{color:#c8a5644d}.login-button{width:100%;padding:14px;border:none;border-radius:50px;cursor:pointer;margin-bottom:10px;position:relative;overflow:hidden;font-family:Raleway,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,#a06c20,#c8943a 28%,#e8b850,#c8943a 72%,#a06c20);background-size:260% auto;box-shadow:0 4px 20px #c8943a61,inset 0 1px #ffffff24;transition:background-position .55s ease,box-shadow .3s,transform .2s}.login-button:before{content:"";position:absolute;top:0;left:-130%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .55s ease;pointer-events:none}.login-button:hover{background-position:right center;box-shadow:0 7px 30px #c8943a8c,inset 0 1px #ffffff29;transform:translateY(-2px)}.login-button:hover:before{left:160%}.login-button:active{transform:translateY(0)}.back-button{margin-top:14px;background:none;border:none;color:#c89b504d;font-family:Raleway,sans-serif;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:color .3s;display:block;width:100%}.back-button:hover{color:#c8943a}.otp-box{width:44px;height:52px;text-align:center;font-size:20px;font-family:Playfair Display,serif;border:1.5px solid rgba(200,148,58,.28);border-radius:11px;outline:none;background:#fff5d20a;color:#c8943a;transition:border-color .2s,box-shadow .2s}.otp-box:focus{border-color:#c8943a;box-shadow:0 0 0 3px #c8943a1f}.timer-text{font-size:12px;color:#c8a05a61;font-family:Raleway,sans-serif}.resend-btn{border:none;background:none;color:#c8943a;font-family:Raleway,sans-serif;font-weight:700;cursor:pointer;font-size:12px}@media (max-width: 768px){.login-card{width:90%;padding:38px 24px 32px}}.register-page{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:Raleway,sans-serif;background:radial-gradient(ellipse at 12% 8%,rgba(90,190,60,.8) 0%,transparent 38%),radial-gradient(ellipse at 88% 6%,rgba(60,160,40,.55) 0%,transparent 32%),radial-gradient(ellipse at 82% 88%,rgba(120,70,8,.85) 0%,transparent 42%),radial-gradient(ellipse at 18% 92%,rgba(80,45,5,.6) 0%,transparent 38%),radial-gradient(ellipse at 55% 55%,rgba(12,45,12,.95) 0%,transparent 65%),#091508}.register-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(106deg,transparent 0px,transparent 1px,rgba(210,240,200,.055) 1px,rgba(210,240,200,.055) 2px,transparent 2px,transparent 20px),repeating-linear-gradient(106deg,transparent 0px,transparent 4px,rgba(210,240,200,.025) 4px,rgba(210,240,200,.025) 5px,transparent 5px,transparent 38px);background-size:130px 320px,220px 520px;animation:rain 1.4s linear infinite;pointer-events:none;z-index:0}.register-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16Z' fill='none' stroke='rgba(120,200,80,0.065)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:56px 100px;pointer-events:none;z-index:0}.register-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.register-particles span{position:absolute;border-radius:50%;background:#4a9a506b;animation:float-up linear infinite}.register-particles span:nth-child(1){left:7%;width:3px;height:3px;animation-duration:9s;animation-delay:0s}.register-particles span:nth-child(2){left:20%;width:5px;height:5px;animation-duration:13s;animation-delay:2s;background:#c8943a42}.register-particles span:nth-child(3){left:38%;width:4px;height:4px;animation-duration:10s;animation-delay:1s}.register-particles span:nth-child(4){left:58%;width:3px;height:3px;animation-duration:14s;animation-delay:3.5s}.register-particles span:nth-child(5){left:76%;width:4px;height:4px;animation-duration:8s;animation-delay:.5s;background:#c8943a33}.register-particles span:nth-child(6){left:92%;width:6px;height:6px;animation-duration:11s;animation-delay:4s}@keyframes float-up{0%{bottom:-10px;opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:.5}to{bottom:105%;opacity:0;transform:translate(-16px)}}.register-card{width:420px;padding:52px 48px 46px;border-radius:22px;position:relative;z-index:1;text-align:center;color:#b8e0b8;background:radial-gradient(ellipse at 50% -8%,rgba(74,154,80,.2) 0%,transparent 52%),radial-gradient(ellipse at 50% 108%,rgba(20,80,25,.18) 0%,transparent 52%),linear-gradient(170deg,#071a09,#040d05 52%,#061608);border:1px solid rgba(74,154,80,.26);box-shadow:0 0 0 1px #4a9a500f,0 2px #64d2642e,0 24px 70px #000000bf,0 6px 24px #4a9a5017,inset 0 1px #78dc7829;animation:card-rise .65s cubic-bezier(.22,1,.36,1) both}@keyframes card-rise{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.register-card:before{content:"";position:absolute;top:0;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(74,154,80,.5) 20%,#7fd488 48%,rgba(74,154,80,.5) 78%,transparent);border-radius:0 0 4px 4px}.register-card:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(74,154,80,.2),transparent)}.register-card .corner{position:absolute;width:20px;height:20px;border-color:#4a9a507a;border-style:solid}.corner-tl{top:13px;left:13px;border-width:1.5px 0 0 1.5px;border-radius:4px 0 0}.corner-tr{top:13px;right:13px;border-width:1.5px 1.5px 0 0;border-radius:0 4px 0 0}.corner-bl{bottom:13px;left:13px;border-width:0 0 1.5px 1.5px;border-radius:0 0 0 4px}.corner-br{bottom:13px;right:13px;border-width:0 1.5px 1.5px 0;border-radius:0 0 4px}.register-icon{font-size:42px;display:block;margin-bottom:12px;filter:drop-shadow(0 3px 12px rgba(74,154,80,.5));animation:pulse-green 3.5s ease-in-out infinite}@keyframes pulse-green{0%,to{filter:drop-shadow(0 3px 12px rgba(74,154,80,.44));transform:translateY(0)}50%{filter:drop-shadow(0 6px 22px rgba(74,154,80,.78));transform:translateY(-4px)}}.register-title{font-family:Playfair Display,serif;font-size:38px;font-weight:500;color:#4a9a50;letter-spacing:.13em;margin-bottom:5px;text-shadow:0 0 35px rgba(74,154,80,.4),0 2px 8px rgba(0,0,0,.65)}.register-label{font-size:10.5px;font-weight:700;letter-spacing:.28em;color:#4a9a5073;text-transform:uppercase;margin-bottom:34px;display:block}.register-subtitle{color:#b4dcb473;margin-bottom:26px;font-size:13px;letter-spacing:.04em}.input-group{display:flex;align-items:center;background:#4a9a500a;border:1.5px solid rgba(74,154,80,.18);border-radius:12px;padding:12px 16px;margin-bottom:16px;transition:border-color .25s,box-shadow .25s,background .25s}.input-group:focus-within{border-color:#4a9a50a6;background:#4a9a5014;box-shadow:0 0 0 3px #4a9a501a,0 4px 22px #4a9a5012}.input-icon{margin-right:10px;font-size:16px;opacity:.72;flex-shrink:0}.register-input{border:none;outline:none;width:100%;font-size:14px;font-family:Raleway,sans-serif;color:#a8d8a8;background:transparent;letter-spacing:.03em}.register-input::placeholder{color:#8cc88c47}.register-button{width:100%;padding:14px;border:none;border-radius:50px;cursor:pointer;margin-bottom:10px;position:relative;overflow:hidden;font-family:Raleway,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,#2d7a33,#4a9a50 28%,#6dc475,#4a9a50 72%,#2d7a33);background-size:260% auto;box-shadow:0 4px 20px #4a9a5066,inset 0 1px #ffffff24;transition:background-position .55s ease,box-shadow .3s,transform .2s}.register-button:before{content:"";position:absolute;top:0;left:-130%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .55s ease;pointer-events:none}.register-button:hover{background-position:right center;box-shadow:0 7px 30px #4a9a508c,inset 0 1px #ffffff29;transform:translateY(-2px)}.register-button:hover:before{left:160%}.register-button:active{transform:translateY(0)}.back-button{margin-top:14px;background:none;border:none;color:#8cbe8c47;font-family:Raleway,sans-serif;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:color .3s;display:block;width:100%}.back-button:hover{color:#4a9a50}.input-error{border:1.5px solid rgba(217,92,58,.65)!important;box-shadow:0 0 0 3px #d95c3a1a!important}.error-text{color:#e07050;font-size:12px;margin-top:-8px;margin-bottom:14px;font-family:Raleway,sans-serif;letter-spacing:.02em}.otp-container{display:flex;justify-content:center;gap:10px;margin-top:20px}.otp-box{width:44px;height:52px;text-align:center;font-size:20px;font-family:Playfair Display,serif;border:1.5px solid rgba(74,154,80,.28);border-radius:11px;outline:none;background:#4a9a500a;color:#4a9a50;transition:border-color .2s,box-shadow .2s}.otp-box:focus{border-color:#4a9a50;box-shadow:0 0 0 3px #4a9a501f}.resend-container{margin-top:14px}.timer-text{font-size:12px;color:#8cc88c5c;font-family:Raleway,sans-serif}.resend-btn{border:none;background:none;color:#4a9a50;font-family:Raleway,sans-serif;font-weight:700;cursor:pointer;font-size:12px}.resend-btn:hover{text-decoration:underline}@media (max-width: 768px){.register-card{width:90%;padding:38px 24px 32px}}*{box-sizing:border-box}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:52px 20px 72px;position:relative;overflow:hidden;font-family:Raleway,sans-serif;background:radial-gradient(ellipse at 12% 8%,rgba(90,190,60,.8) 0%,transparent 38%),radial-gradient(ellipse at 88% 6%,rgba(60,160,40,.55) 0%,transparent 32%),radial-gradient(ellipse at 82% 88%,rgba(120,70,8,.85) 0%,transparent 42%),radial-gradient(ellipse at 18% 92%,rgba(80,45,5,.6) 0%,transparent 38%),radial-gradient(ellipse at 55% 50%,rgba(12,45,12,.95) 0%,transparent 65%),#091508}.dashboard-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(106deg,transparent 0px,transparent 1px,rgba(210,240,200,.055) 1px,rgba(210,240,200,.055) 2px,transparent 2px,transparent 20px),repeating-linear-gradient(106deg,transparent 0px,transparent 4px,rgba(210,240,200,.025) 4px,rgba(210,240,200,.025) 5px,transparent 5px,transparent 38px);background-size:130px 320px,220px 520px;animation:rain 1.4s linear infinite;pointer-events:none;z-index:0}.dashboard-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16Z' fill='none' stroke='rgba(120,200,80,0.06)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:56px 100px;pointer-events:none;z-index:0}@keyframes rain{0%{background-position:0 0,0 0}to{background-position:-32px 420px,-55px 640px}}.dashboard-strokes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.dashboard-strokes:before,.dashboard-strokes:after{content:"";position:absolute;border-radius:40px;background:transparent;border:2.5px solid rgba(255,255,255,.18);transform-origin:center}.dashboard-strokes:before{width:5px;height:120px;top:10%;left:10%;transform:rotate(-40deg);box-shadow:80px 30px #ffffff1f,40px 70px #ffffff14}.dashboard-strokes:after{width:5px;height:90px;bottom:15%;right:8%;transform:rotate(-35deg);box-shadow:-60px -20px #ffffff1a,-30px 50px #ffffff12}.dashboard-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.dashboard-particles span{position:absolute;border-radius:50%;background:#c8943a61;animation:float-up linear infinite}.dashboard-particles span:nth-child(1){left:5%;width:3px;height:3px;animation-duration:10s;animation-delay:0s}.dashboard-particles span:nth-child(2){left:18%;width:5px;height:5px;animation-duration:14s;animation-delay:2s;background:#4a9a5047}.dashboard-particles span:nth-child(3){left:35%;width:3px;height:3px;animation-duration:9s;animation-delay:1.5s}.dashboard-particles span:nth-child(4){left:55%;width:4px;height:4px;animation-duration:12s;animation-delay:3s;background:#4a9a5038}.dashboard-particles span:nth-child(5){left:72%;width:3px;height:3px;animation-duration:8s;animation-delay:.8s}.dashboard-particles span:nth-child(6){left:88%;width:5px;height:5px;animation-duration:13s;animation-delay:4s;background:#c8943a33}.dashboard-particles span:nth-child(7){left:95%;width:3px;height:3px;animation-duration:11s;animation-delay:2.5s}@keyframes float-up{0%{bottom:-10px;opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:.5}to{bottom:105%;opacity:0;transform:translate(16px)}}.dashboard-page>*{position:relative;z-index:1}.dashboard-header{width:100%;max-width:520px;margin-bottom:36px;animation:fade-down .6s cubic-bezier(.22,1,.36,1) both}@keyframes fade-down{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.dashboard-brand{display:flex;align-items:center;gap:8px;margin-bottom:28px}.dashboard-brand-icon{font-size:20px;filter:drop-shadow(0 2px 6px rgba(74,154,80,.5))}.dashboard-brand-name{font-family:Playfair Display,serif;font-size:13px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#b4dca08c}.dashboard-greeting{font-family:Raleway,sans-serif;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#78c8648c;margin:0 0 6px}.dashboard-topbar{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.dashboard-title{font-family:Playfair Display,serif;font-size:32px;font-weight:500;color:#c8943a;letter-spacing:.06em;margin:0;text-shadow:0 2px 20px rgba(200,148,58,.3)}.add-device-card{flex-shrink:0;height:38px;padding:0 18px;display:inline-flex;align-items:center;gap:6px;font-family:Raleway,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.12em;color:#c8943a;background:#c8943a0f;border:1.5px dashed rgba(200,148,58,.38);border-radius:50px;cursor:pointer;transition:background .25s,border-color .25s,transform .2s,box-shadow .25s}.add-device-card:hover{background:#c8943a1f;border-color:#c8943a;transform:translateY(-1px);box-shadow:0 4px 14px #c8943a2e}.add-device-card:before,.add-device-card:after{display:none}.dashboard-section-label{width:100%;max-width:520px;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#78c86461;margin-bottom:14px;padding-left:2px}.device-grid{display:flex;flex-direction:column;gap:10px;width:100%;max-width:520px}.dashboard-device-card-wrapper{position:relative;width:100%;animation:card-rise .5s cubic-bezier(.22,1,.36,1) both}.dashboard-device-card-wrapper:nth-child(1){animation-delay:.05s}.dashboard-device-card-wrapper:nth-child(2){animation-delay:.12s}.dashboard-device-card-wrapper:nth-child(3){animation-delay:.19s}.dashboard-device-card-wrapper:nth-child(4){animation-delay:.26s}.dashboard-device-card-wrapper:nth-child(5){animation-delay:.33s}.dashboard-device-card-wrapper:nth-child(6){animation-delay:.4s}@keyframes card-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.dashboard-device-card{width:100%;min-height:66px;padding:16px 56px 16px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse at 0% 50%,rgba(200,148,58,.1) 0%,transparent 55%),linear-gradient(135deg,#1e1508,#120e06 55%,#1a1308);border:1px solid rgba(200,148,58,.22);border-radius:16px;box-shadow:0 0 0 1px #c8943a0d,0 4px 20px #00000073,inset 0 1px #dcaa501a;transition:border-color .25s,box-shadow .25s,transform .22s,background .25s;position:relative;overflow:hidden}.dashboard-device-card:before{content:"";position:absolute;top:20%;bottom:20%;left:0;width:3px;background:linear-gradient(180deg,transparent,#c8943a,transparent);border-radius:0 2px 2px 0;opacity:0;transition:opacity .25s}.dashboard-device-card:after{display:none}.dashboard-device-card:hover{border-color:#c8943a80;box-shadow:0 0 0 1px #c8943a1a,0 8px 30px #0000008c,0 2px 12px #c8943a1f,inset 0 1px #dcaa5024;transform:translateY(-2px);background:radial-gradient(ellipse at 0% 50%,rgba(200,148,58,.16) 0%,transparent 55%),linear-gradient(135deg,#241a09,#15100707 55%,#1e1508)}.dashboard-device-card:hover:before{opacity:1}.room-status-dot{flex-shrink:0;width:9px;height:9px;background:#4a9a50;border-radius:50%;box-shadow:0 0 0 2px #4a9a5033,0 0 8px #4a9a5099;animation:dot-pulse 2.8s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 2px #4a9a5033,0 0 8px #4a9a5099}50%{box-shadow:0 0 0 4px #4a9a5024,0 0 14px #4a9a50cc}}.room-card-name{flex:1;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;color:#e0c890;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-sub{font-size:11px;font-weight:500;color:#b4965066;letter-spacing:.08em;margin-top:2px}.room-card-arrow{position:absolute;right:38px;top:50%;transform:translateY(-50%);font-size:18px;color:#c8943a59;pointer-events:none;transition:color .22s,right .22s}.dashboard-device-card:hover~.room-card-arrow,.dashboard-device-card-wrapper:hover .room-card-arrow{color:#c8943ab3;right:34px}.three-dot{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:20px;color:#c8a0504d;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 8px;border-radius:50%;line-height:1;transition:background .2s,color .2s;z-index:2}.three-dot:hover{background:#c8943a1f;color:#c8943a}.room-menu{position:absolute;top:calc(100% + 6px);right:0;background:linear-gradient(160deg,#1e1508,#120e06);border:1px solid rgba(200,148,58,.28);border-radius:12px;padding:6px;min-width:140px;box-shadow:0 8px 28px #0000008c,0 2px 8px #c8943a1a;z-index:100;animation:menu-pop .15s cubic-bezier(.22,1,.36,1) both}@keyframes menu-pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.room-menu p{margin:0;padding:9px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-family:Raleway,sans-serif;font-weight:600;border-radius:8px;color:#e0c890;white-space:nowrap;transition:background .15s;letter-spacing:.03em}.room-menu p:hover{background:#c8943a1f}.room-menu p:active{background:#c8943a33}.dashboard-empty{width:100%;max-width:520px;padding:48px 0;text-align:center;animation:fade-down .5s ease both;animation-delay:.1s}.dashboard-empty-icon{font-size:48px;display:block;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(74,154,80,.35));animation:float-icon 3s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dashboard-empty-title{font-family:Playfair Display,serif;font-size:18px;color:#c8943ab3;margin-bottom:8px;letter-spacing:.04em}.dashboard-empty-sub{font-size:12.5px;color:#b4c8a061;letter-spacing:.04em;font-weight:500}.location-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050f05a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:200;animation:overlay-in .2s ease both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.location-popup{background:radial-gradient(ellipse at 50% 0%,rgba(200,148,58,.15) 0%,transparent 55%),linear-gradient(170deg,#1e1508,#120e06);border:1px solid rgba(200,148,58,.28);border-radius:22px;padding:38px 34px;width:340px;text-align:center;box-shadow:0 0 0 1px #c8943a0f,0 24px 60px #000000b3,inset 0 1px #e6b4502e;position:relative;overflow:hidden;animation:popup-rise .3s cubic-bezier(.22,1,.36,1) both}@keyframes popup-rise{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.location-popup:before{content:"";position:absolute;top:0;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(200,148,58,.5) 25%,#f0c060 50%,rgba(200,148,58,.5) 75%,transparent);border-radius:0 0 4px 4px}.location-popup:after{display:none}.location-popup h2{font-family:Playfair Display,serif;font-size:21px;font-weight:500;color:#c8943a;margin-bottom:22px;letter-spacing:.06em;text-shadow:0 2px 12px rgba(200,148,58,.3)}.location-input{width:100%;padding:12px 16px;border:1.5px solid rgba(200,148,58,.2);border-radius:12px;font-size:14px;font-family:Raleway,sans-serif;color:#e0c890;background:#fff5d20d;outline:none;margin-bottom:20px;transition:border-color .2s,box-shadow .2s;letter-spacing:.03em}.location-input:focus{border-color:#c8943aa6;box-shadow:0 0 0 3px #c8943a1a}.location-input::placeholder{color:#c8a56447}.location-btn-group{display:flex;gap:10px}.location-save-btn{flex:1;padding:12px;border:none;border-radius:50px;background:linear-gradient(100deg,#a06c20,#c8943a 40%,#e0b050,#c8943a,#a06c20);background-size:230% auto;color:#fff;font-family:Raleway,sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;cursor:pointer;transition:background-position .4s,box-shadow .25s,transform .2s;box-shadow:0 4px 16px #c8943a52}.location-save-btn:hover{background-position:right center;box-shadow:0 6px 22px #c8943a7a;transform:translateY(-1px)}.location-back-btn{flex:1;padding:12px;border:1.5px solid rgba(200,148,58,.22);border-radius:50px;background:transparent;color:#c8a05a80;font-family:Raleway,sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;cursor:pointer;transition:.25s}.location-back-btn:hover{border-color:#c8943a80;color:#c8943a}.dashboard-back-btn{margin-top:40px;padding:10px 30px;border:1.5px solid rgba(200,148,58,.22);border-radius:50px;background:transparent;color:#c8a05a59;font-family:Raleway,sans-serif;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:.25s;position:relative;z-index:1}.dashboard-back-btn:hover{border-color:#c8943a7a;color:#c8943a}.error-text{color:#e07050;font-size:12px;margin-top:-12px;margin-bottom:14px;font-family:Raleway,sans-serif;text-align:left;letter-spacing:.02em}@media (max-width: 768px){.dashboard-title{font-size:26px}.device-grid{gap:8px}.location-popup{width:90%;padding:30px 22px}}.room-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:60px;padding-bottom:90px;position:relative;overflow-x:hidden;font-family:DM Sans,sans-serif;color:#f5e8c0;background:linear-gradient(168deg,#1e3d0f,#2d5a1b 12%,#3a7a22,#4e9a30 38%,#72b048 50%,#9aba58,#b8a048,#a07830,#7a5520,#5a3a10)!important}.room-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16Z' fill='none' stroke='rgba(255,255,255,0.035)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:56px 100px;pointer-events:none;z-index:0}.room-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.room-rain-streak{position:absolute;top:-80px;width:1px;background:linear-gradient(to bottom,transparent,rgba(160,210,255,.18),transparent);border-radius:1px;animation:roomRain linear infinite}@keyframes roomRain{0%{transform:translateY(0) translate(0) rotate(9deg)}to{transform:translateY(115vh) translate(-8px) rotate(9deg)}}.room-slash{position:fixed;width:80px;height:1.5px;background:linear-gradient(to right,transparent,rgba(245,220,120,.22),transparent);border-radius:2px;z-index:2;pointer-events:none}.room-slash-tl{top:50px;left:44px;transform:rotate(-38deg)}.room-slash-tr{top:46px;right:44px;transform:rotate(38deg)}.room-slash-bl{bottom:50px;left:40px;transform:rotate(28deg)}.room-slash-br{bottom:46px;right:40px;transform:rotate(-28deg)}.room-header{position:relative;z-index:3;text-align:center;margin-bottom:10px;animation:fadeSlideDown .7s ease .1s both}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.room-header-eyebrow{font-family:Courier Prime,monospace;font-size:10px;letter-spacing:.28em;color:#f5e8b473;margin-bottom:14px;text-transform:uppercase}.room-title{font-family:Cinzel,serif;font-size:40px;font-weight:500;color:#f0d555;letter-spacing:.06em;text-shadow:0 2px 24px rgba(0,0,0,.65);margin-bottom:8px;line-height:1.1}.room-header-sub{font-family:Courier Prime,monospace;font-size:10px;letter-spacing:.3em;color:#f5e8b459;text-transform:uppercase}.room-brand-line{width:260px;height:1px;background:linear-gradient(to right,transparent,rgba(245,220,120,.3),transparent);margin:14px auto 0;position:relative;z-index:3}.room-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:30px;width:100%;max-width:720px;padding:0 24px}.room-card-wrapper{position:relative}.room-card{position:relative;width:100%;padding:22px 20px 18px 22px;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;cursor:pointer;overflow:hidden;background:#161008!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(180,120,15,.28) 0%,transparent 60%)!important;border:1px solid rgba(180,130,25,.48);box-shadow:0 12px 40px #000000d9,0 4px 14px #000000a6,inset 0 1px #c89b2824;transition:transform .32s cubic-bezier(.175,.885,.32,1.275),box-shadow .32s ease,border-color .28s ease;animation:cardFadeIn .5s ease both}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.room-card:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(to right,transparent,rgba(210,165,45,.6),transparent);pointer-events:none}.room-card:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2.5px;background:linear-gradient(to bottom,transparent,rgba(200,160,40,.55),transparent);border-radius:0 2px 2px 0;pointer-events:none}.room-card:hover{transform:translateY(-8px) scale(1.025);border-color:#d2a023bf;box-shadow:0 20px 55px #000000e6,0 0 28px #c8a02826,inset 0 1px #dcaf3233}.room-card .card-diamond{position:absolute;width:5px;height:5px;border-radius:1px;transform:rotate(45deg);background:#c8a028d9;box-shadow:0 0 6px 1px #c8a02873;pointer-events:none;opacity:.65;transition:opacity .3s,transform .3s;z-index:4}.room-card:hover .card-diamond{opacity:1;transform:rotate(45deg) scale(1.4)}.room-card .card-diamond.tl{top:9px;left:9px}.room-card .card-diamond.tr{top:9px;right:9px}.room-card .card-diamond.bl{bottom:9px;left:9px}.room-card .card-diamond.br{bottom:9px;right:9px}.room-card-icon{font-size:28px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.6));margin-bottom:4px;display:block}.room-card-label{font-family:Cinzel,serif;font-size:16px;font-weight:500;color:#f0d555;letter-spacing:.1em;text-shadow:0 1px 10px rgba(0,0,0,.6)}.room-card-sub{font-family:Courier Prime,monospace;font-size:10px;letter-spacing:.12em;color:#f5e8b461;text-transform:uppercase}.room-card-dot{width:6px;height:6px;border-radius:50%;background:#4aaa60;box-shadow:0 0 6px 2px #4aaa608c;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.three-dot{position:absolute;top:10px;right:11px;font-size:18px;color:#f5dc8266;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 6px;border-radius:50%;transition:.2s;line-height:1;z-index:5}.three-dot:hover{color:#ffeb96e6;background:#c8a0282e}.room-menu{position:absolute;top:40px;right:-8px;background:#0f1a09;border:1px solid rgba(200,160,40,.32);border-radius:12px;padding:6px;min-width:130px;box-shadow:0 14px 45px #000c,inset 0 1px #c89b281a;z-index:200;animation:fadeInMenu .15s ease}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.room-menu:before{content:"";position:absolute;top:-6px;right:14px;width:10px;height:10px;background:#0f1a09;border-left:1px solid rgba(200,160,40,.32);border-top:1px solid rgba(200,160,40,.32);transform:rotate(45deg)}.room-menu p{margin:0;padding:9px 13px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-family:DM Sans,sans-serif;font-weight:500;border-radius:8px;color:#f5e8c0;white-space:nowrap;transition:background .15s}.room-menu p:hover{background:#c8a0282e;color:#fde080}.room-add-card{position:relative;z-index:3;margin-top:32px;padding:13px 38px;background:#82550638;border:1px solid rgba(175,125,22,.62);border-radius:40px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#d9ae38;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;overflow:hidden;transition:all .32s ease}.room-add-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#9a7018,#c8a030,#ddb840);transform:translate(-100%);transition:transform .35s ease;z-index:0;border-radius:40px}.room-add-card>*{position:relative;z-index:1}.room-add-card:hover:before{transform:translate(0)}.room-add-card:hover{color:#1a0e00;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 28px #c8a0286b}.room-back-btn{position:relative;z-index:3;margin-top:14px;padding:10px 30px;border:1px solid rgba(245,232,180,.22);border-radius:40px;background:transparent;color:#f5e8b461;font-family:Courier Prime,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all .22s ease}.room-back-btn:hover{background:#00000059;border-color:#f5e8b485;color:#f5e8b4eb;transform:translateY(-1px)}.location-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000}.location-popup{position:relative;background:#161008!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(180,120,15,.22) 0%,transparent 55%)!important;padding:34px 28px;border-radius:20px;width:300px;text-align:center;border:1px solid rgba(200,160,40,.45);box-shadow:0 36px 90px #000000e0,inset 0 1px #c89b2824;animation:popupFade .25s ease}.location-popup:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(to right,transparent,rgba(210,165,45,.6),transparent);pointer-events:none}@keyframes popupFade{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.location-popup h2{font-family:Cinzel,serif;font-size:17px;font-weight:500;margin-bottom:22px;color:#f0d555;line-height:1.45;letter-spacing:.04em;text-shadow:0 1px 14px rgba(170,120,10,.5)}.location-popup p{padding:10px 14px;border-radius:10px;cursor:pointer;transition:.18s;color:#f5e8b4cc;font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;border:1px solid transparent;margin-bottom:4px}.location-popup p:hover{background:#c8a02826;border-color:#c8a0284d;color:#fde080}.location-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(200,160,40,.32);background:#00000073;font-family:DM Sans,sans-serif;font-size:14px;color:#f5e8c0;outline:none;transition:all .2s ease;box-sizing:border-box}.location-input:focus{border-color:#c8a028a6;box-shadow:0 0 0 3px #c8a0281f}.location-input::placeholder{color:#f5e8b447}.location-btn-group{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.location-save-btn{margin-top:16px;width:100%;padding:13px 24px;border:1px solid rgba(175,125,22,.65);border-radius:40px;background:#82550647;color:#d9ae38;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .32s ease;position:relative;overflow:hidden}.location-save-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#9a7018,#c8a030,#ddb840);transform:translate(-100%);transition:transform .35s ease;z-index:0;border-radius:40px}.location-save-btn>*{position:relative;z-index:1}.location-save-btn:hover:before{transform:translate(0)}.location-save-btn:hover{color:#180e00;border-color:transparent;box-shadow:0 8px 28px #c8a0286b}.location-back-btn{margin-top:6px;background:none;border:none;color:#f5e8b459;font-family:DM Sans,sans-serif;font-size:13px;cursor:pointer;transition:.2s;padding:4px 8px;letter-spacing:.04em}.location-back-btn:hover{color:#f5e8b4e0}.location-back-text{margin-top:14px;color:#f5e8b44d;font-size:13px;cursor:pointer;transition:.2s;font-family:DM Sans,sans-serif}.location-back-text:hover{color:#f5e8b4e0}.controller-selection{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:20px;margin-bottom:40px;position:relative;z-index:3}.controller-card{padding:24px 36px;border-radius:18px;background:#0f1a09!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(180,120,15,.18) 0%,transparent 55%)!important;border:1px solid rgba(200,160,40,.35);cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;color:#f5e8c0;transition:all .25s ease;box-shadow:0 8px 32px #000000b8,inset 0 1px #c89b281a}.controller-card:hover{transform:translateY(-5px);border-color:#c8a02899;box-shadow:0 16px 44px #000000d1,0 0 28px #c8a0281f}.controller-title{position:relative;z-index:3;font-family:Cinzel,serif;font-size:30px;font-weight:500;color:#f0d555;margin-bottom:8px;letter-spacing:.05em;text-shadow:0 2px 14px rgba(0,0,0,.6)}.device-card{position:relative;z-index:3;margin-top:16px;padding:32px 28px;min-height:280px;width:360px;border-radius:22px;background:#091208!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(20,110,50,.22) 0%,transparent 55%)!important;border:1px solid rgba(40,140,65,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;box-shadow:inset 0 1px #4bbe641a,0 16px 50px #000000d1}.device-card:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(to right,transparent,rgba(60,185,90,.5),transparent);pointer-events:none}.device-info{font-family:DM Sans,sans-serif;font-size:14px;color:#f5e8b480;margin-top:6px}.soil-value{font-family:Cinzel,serif;font-size:38px;font-weight:500;color:#c8a030;letter-spacing:.05em;text-shadow:0 2px 14px rgba(0,0,0,.6)}.water-control{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px}.water-value{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#f0d555;margin-top:2px}.timer-input{padding:11px 16px;border-radius:10px;border:1px solid rgba(200,160,40,.32);background:#00000073;font-family:DM Sans,sans-serif;font-size:15px;color:#f5e8c0;width:170px;outline:none;transition:.2s}.water-btn{margin-top:12px;padding:13px 32px;border-radius:40px;background:#0c4b1e47;border:1px solid rgba(42,140,65,.65);color:#52d672;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .28s ease;letter-spacing:.08em;position:relative;overflow:hidden}.water-btn:hover{color:#e8fff0;border-color:transparent;box-shadow:0 8px 28px #3ca05073}.radio-group{margin-top:16px;display:flex;flex-direction:column;gap:12px;font-family:DM Sans,sans-serif;font-size:15px;color:#f5e8c0}@media (max-width: 768px){.room-title{font-size:28px}.room-grid{grid-template-columns:1fr;padding:0 16px}.device-card{width:92%;padding:24px 20px}.controller-selection{flex-direction:column;gap:14px}.location-popup{width:88%;padding:26px 20px}.room-slash{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;background:#1a3a0a!important}.room-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:56px;padding-bottom:90px;position:relative;overflow-x:hidden;font-family:DM Sans,sans-serif;color:#f5e8c0;background:linear-gradient(168deg,#1e3d0f,#2d5a1b 12%,#3a7a22,#4e9a30 38%,#72b048 50%,#9aba58,#b8a048,#a07830,#7a5520,#5a3a10)!important}.room-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,transparent 25%,rgba(0,0,0,.58) 100%),linear-gradient(to bottom,#0000006b,#0000001a 48%,#0000008c);pointer-events:none;z-index:0}.room-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16Z' fill='none' stroke='rgba(255,255,255,0.035)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:56px 100px;pointer-events:none;z-index:0}.room-earth-bottom{position:fixed;bottom:0;left:0;right:0;height:28vh;background:linear-gradient(to top,rgba(55,25,4,.6) 0%,transparent 100%);pointer-events:none;z-index:1}.room-earth-mid{position:fixed;bottom:0;left:0;right:0;height:11vh;background:linear-gradient(to top,rgba(75,38,6,.7) 0%,transparent 100%);pointer-events:none;z-index:1}.room-title{position:relative;z-index:3;font-family:Cinzel,serif;font-size:44px;font-weight:500;color:#f0d555;letter-spacing:.08em;text-align:center;text-shadow:0 2px 24px rgba(0,0,0,.65);margin-bottom:6px;animation:fadeSlideDown .6s ease both}.room-subtitle{position:relative;z-index:3;font-family:Courier Prime,monospace;font-size:11px;letter-spacing:.32em;color:#f5e8b4b3;text-transform:uppercase;text-align:center;margin-bottom:36px;animation:fadeSlideDown .6s ease .1s both}.room-brand-line{width:220px;height:1px;background:linear-gradient(to right,transparent,rgba(245,220,120,.35),transparent);margin:0 auto 32px;position:relative;z-index:3}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.controller-selection{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;padding:0 24px}.controller-card{width:100%;padding:18px 20px;border-radius:16px;display:flex;align-items:center;gap:16px;cursor:pointer;overflow:hidden;position:relative;background:#161008!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(180,120,15,.25) 0%,transparent 60%)!important;border:1px solid rgba(180,130,25,.5);box-shadow:0 10px 36px #000000d1,inset 0 1px #c89b2824;transition:transform .32s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .28s ease;animation:cardFadeIn .5s ease both}.controller-card:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(to right,transparent,rgba(210,165,45,.55),transparent);pointer-events:none}.controller-card:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2.5px;background:linear-gradient(to bottom,transparent,rgba(200,160,40,.6),transparent);border-radius:0 2px 2px 0;pointer-events:none}.controller-card:hover{transform:translateY(-6px) scale(1.02);border-color:#d2a023bf;box-shadow:0 18px 48px #000000e0,0 0 28px #c8a02824,inset 0 1px #dcaf3233}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ctrl-icon{width:50px;height:50px;border-radius:14px;background:#b4820f2e;border:1px solid rgba(200,160,40,.28);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.ctrl-text{flex:1;display:flex;flex-direction:column;gap:4px}.ctrl-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#f0d555;letter-spacing:.02em}.ctrl-desc{font-size:12px;color:#f5e8b4a6;font-weight:400}.ctrl-arrow{font-size:20px;color:#c8a028b3;flex-shrink:0;transition:transform .2s ease}.controller-card:hover .ctrl-arrow{transform:translate(4px)}.water-btn{width:100%;margin-top:4px;padding:16px;border-radius:40px;border:1px solid rgba(42,140,65,.65);background:#0c4b1e4d;color:#52d672;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;overflow:hidden;position:relative;transition:all .32s ease}.water-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1c6835,#2e9a50,#3ab862);transform:translate(-100%);transition:transform .35s ease;z-index:0;border-radius:40px}.water-btn>*{position:relative;z-index:1}.water-btn:hover:before{transform:translate(0)}.water-btn:hover:not(:disabled){color:#e8fff0;border-color:transparent;box-shadow:0 8px 28px #3ca05073;transform:translateY(-2px)}.water-btn:disabled{opacity:.38;cursor:not-allowed}.countdown-box{width:100%;padding:14px 18px;border-radius:12px;background:#125a264d;border:1px solid rgba(42,140,65,.45);font-family:Courier Prime,monospace;font-size:14px;color:#68e888;text-align:center;letter-spacing:.12em;box-shadow:inset 0 1px #4bbe641f}.stop-soil-btn,.stop-btn{width:100%;padding:13px;border-radius:40px;border:1px solid rgba(200,60,60,.55);background:#64141440;color:#f07070;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;overflow:hidden;position:relative;transition:all .28s ease}.stop-soil-btn:before,.stop-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8a2020,#c03030);transform:translate(-100%);transition:transform .32s ease;z-index:0;border-radius:40px}.stop-soil-btn>*,.stop-btn>*{position:relative;z-index:1}.stop-soil-btn:hover:before,.stop-btn:hover:before{transform:translate(0)}.stop-soil-btn:hover,.stop-btn:hover{color:#fff;border-color:transparent;box-shadow:0 8px 24px #b428286b}.room-back-btn,.room-back-btn1{position:relative;z-index:3;margin-top:20px;padding:10px 32px;border:1px solid rgba(245,232,180,.28);border-radius:40px;background:transparent;color:#f5e8b4a6;font-family:Courier Prime,monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:all .22s ease}.room-back-btn:hover,.room-back-btn1:hover{background:#00000059;border-color:#f5e8b48c;color:#f5e8b4f2;transform:translateY(-1px)}.action-popup{position:fixed;bottom:36px;left:50%;transform:translate(-50%);background:#0f1a09;border:1px solid rgba(200,160,40,.45);color:#f0d555;padding:14px 30px;border-radius:40px;font-family:Courier Prime,monospace;font-size:13px;letter-spacing:.12em;box-shadow:0 12px 40px #000000bf,inset 0 1px #c89b2824;z-index:999;animation:toastUp .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.controller-container{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:900px;padding:0 20px}.controller-title{font-family:Cinzel,serif;font-size:36px;font-weight:500;color:#f0d555;text-align:center;letter-spacing:.05em;text-shadow:0 2px 20px rgba(0,0,0,.6);margin-bottom:4px;animation:fadeSlideDown .6s ease both}.device-info{font-family:Courier Prime,monospace;font-size:10px;letter-spacing:.3em;color:#f5e8b4a6;text-transform:uppercase;text-align:center;margin-bottom:18px}.device-card{position:relative;padding:28px 30px 24px;width:380px;border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:18px;overflow:hidden;background:#091208!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(20,110,50,.28) 0%,transparent 55%)!important;border:1px solid rgba(40,140,65,.48);box-shadow:0 14px 44px #000000d9,inset 0 1px #4bbe641f}.device-card:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(to right,transparent,rgba(60,185,90,.55),transparent);pointer-events:none}.device-card:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2.5px;background:linear-gradient(to bottom,transparent,rgba(50,175,85,.55),transparent);border-radius:0 2px 2px 0;pointer-events:none}.soil-value{font-family:Cinzel,serif;font-size:26px;font-weight:500;color:#c8a030;letter-spacing:.04em;text-align:center;text-shadow:0 1px 14px rgba(0,0,0,.6)}.water-control{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:13px;color:#f5e8b4bf;letter-spacing:.04em}.water-control input[type=range]{width:100%;accent-color:#c8a030;height:4px;cursor:pointer}.water-value{font-family:Cinzel,serif;font-size:22px;font-weight:500;color:#f0d555}.timer-layout{display:flex;gap:20px;justify-content:center;align-items:flex-start;width:100%}.left-panel{flex:1;display:flex;flex-direction:column;gap:12px;max-width:380px}.timer-control{width:100%;display:flex;flex-direction:column;gap:10px}.timer-label{font-family:Courier Prime,monospace;font-size:10px;font-weight:400;color:#f5e8b499;text-align:left;width:100%;text-transform:uppercase;letter-spacing:.24em}.timer-input{padding:12px 14px;border-radius:12px;border:1px solid rgba(200,160,40,.32);background:#0000006b;font-family:DM Sans,sans-serif;font-size:14px;color:#f5e8c0;width:100%;outline:none;transition:all .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color-scheme:dark}.timer-input:focus{border-color:#c8a028a6;box-shadow:0 0 0 3px #c8a0281f}.add-btn{width:100%;padding:13px;border-radius:40px;border:1px solid rgba(42,140,65,.65);background:#0c4b1e47;color:#52d672;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;overflow:hidden;position:relative;transition:all .28s ease;margin-top:4px}.add-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1c6835,#2e9a50,#3ab862);transform:translate(-100%);transition:transform .35s ease;z-index:0;border-radius:40px}.add-btn>*{position:relative;z-index:1}.add-btn:hover:not(:disabled):before{transform:translate(0)}.add-btn:hover:not(:disabled){color:#e8fff0;border-color:transparent;box-shadow:0 8px 24px #3ca0506b}.add-btn:disabled{opacity:.35;cursor:not-allowed}.schedule-box{width:210px;min-height:220px;border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;background:#161008!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(180,120,15,.2) 0%,transparent 55%)!important;border:1px solid rgba(180,130,25,.45);box-shadow:0 12px 38px #000000d1,inset 0 1px #c89b281f}.schedule-box:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(to right,transparent,rgba(210,165,45,.5),transparent);pointer-events:none}.schedule-box h3{font-family:Courier Prime,monospace;font-size:10px;letter-spacing:.28em;color:#f5e8b48c;text-align:center;text-transform:uppercase;margin-bottom:4px}.no-schedule{font-family:DM Sans,sans-serif;font-size:12px;color:#f5e8b44d;text-align:center;margin-top:12px;font-style:italic}.schedule-item{display:flex;justify-content:space-between;align-items:center;background:#b4820f1f;border:1px solid rgba(200,160,40,.22);padding:9px 11px;border-radius:10px;font-family:Courier Prime,monospace;font-size:11px;color:#f5e8b4d9;letter-spacing:.06em;transition:all .15s ease;position:relative}.schedule-item:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;border-radius:2px;background:#c8a0288c}.schedule-item:hover{background:#b4820f33;border-color:#c8a02861;transform:translate(2px)}.delete-btn{background:transparent;border:none;border-radius:6px;padding:3px 6px;color:#f5e8b461;font-size:12px;cursor:pointer;transition:all .15s ease;line-height:1}.delete-btn:hover{color:#f07070;background:#c832321f}@media (max-width: 768px){.room-title{font-size:32px}.controller-selection{width:90%;padding:0}.device-card{width:90%;padding:22px 18px}.timer-layout{flex-direction:column;align-items:center}.schedule-box{width:90%;min-height:unset}.left-panel{width:90%;max-width:100%}}.adddevice-page{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:DM Sans,sans-serif;background:radial-gradient(ellipse at 15% 85%,rgba(20,60,15,.95) 0%,transparent 55%),radial-gradient(ellipse at 85% 10%,rgba(10,45,10,.9) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(8,35,8,.6) 0%,transparent 70%),linear-gradient(160deg,#0a2a0a,#0d3d12 35%,#081e08 65%,#071a07)}.adddevice-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,transparent 0px,transparent 28px,rgba(30,90,30,.06) 28px,rgba(30,90,30,.06) 29px),repeating-linear-gradient(45deg,transparent 0px,transparent 28px,rgba(30,90,30,.04) 28px,rgba(30,90,30,.04) 29px);pointer-events:none;z-index:0}.adddevice-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 500px 300px at 20% 70%,rgba(40,120,40,.07) 0%,transparent 100%),radial-gradient(ellipse 400px 400px at 80% 20%,rgba(180,140,40,.05) 0%,transparent 100%);pointer-events:none;z-index:0}.rain-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.rain-streak{position:absolute;top:-60px;width:1.5px;background:linear-gradient(to bottom,transparent,rgba(120,200,120,.25),transparent);border-radius:1px;animation:rainFall linear infinite}@keyframes rainFall{0%{transform:translateY(-60px) rotate(8deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) rotate(8deg);opacity:0}}.corner-line{position:absolute;width:80px;height:80px;z-index:2;pointer-events:none}.corner-tl{top:28px;left:28px;border-top:1.5px solid rgba(100,180,80,.22);border-left:1.5px solid rgba(100,180,80,.22)}.corner-tr{top:28px;right:28px;border-top:1.5px solid rgba(100,180,80,.22);border-right:1.5px solid rgba(100,180,80,.22)}.corner-bl{bottom:28px;left:28px;border-bottom:1.5px solid rgba(100,180,80,.22);border-left:1.5px solid rgba(100,180,80,.22)}.corner-br{bottom:28px;right:28px;border-bottom:1.5px solid rgba(100,180,80,.22);border-right:1.5px solid rgba(100,180,80,.22)}.adddevice-card{position:relative;z-index:10;width:380px;padding:48px 40px 40px;background:#061606bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(80,160,60,.22);border-radius:24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 0 0 1px #ffffff08 inset,0 32px 80px #0000008c,0 0 60px #1e641414;animation:cardEnter .55s cubic-bezier(.22,1,.36,1) both}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.adddevice-card:before,.adddevice-card:after{content:"";position:absolute;width:14px;height:14px;border-color:#c8a02873;border-style:solid}.adddevice-card:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:24px 0 0}.adddevice-card:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 24px}.card-glow-top{position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(100,200,80,.5),transparent);border-radius:1px}.adddevice-icon-wrap{margin-bottom:20px;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.adddevice-icon-ring{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,#1e5014e6,#0a230af2);border:1px solid rgba(80,160,60,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #28641e1f,0 0 30px #328c2826}.adddevice-icon{font-size:32px;line-height:1}.adddevice-room-label{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#78c85ab3;margin:0 0 8px}.adddevice-title{font-family:Cinzel,serif;font-size:26px;font-weight:500;color:#c8a84a;margin:0 0 10px;letter-spacing:.06em;line-height:1.25}.adddevice-subtitle{font-size:13px;color:#a0d28c8c;line-height:1.6;margin:0 0 28px;max-width:240px}.adddevice-input-wrap{position:relative;width:100%;margin-bottom:20px}.adddevice-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:#64b44673;pointer-events:none;line-height:1}.adddevice-input{width:100%;padding:14px 16px 14px 40px;background:#0a1e0a99;border:1px solid rgba(70,140,50,.3);border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;color:#d4eec4;letter-spacing:.12em;outline:none;transition:all .2s ease;box-sizing:border-box}.adddevice-input::placeholder{color:#78a06459;font-weight:400;letter-spacing:.06em}.adddevice-input:focus{border-color:#64be468c;background:#0a230abf;box-shadow:0 0 0 3px #3c96281f,0 0 20px #3c962814}.adddevice-btn{width:100%;padding:15px 24px;border:none;border-radius:40px;background:linear-gradient(135deg,#2d7a1e,#1e5a14,#2d7a1e);background-size:200% 100%;background-position:100% 0;color:#d4f0c4;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 20px #1e781459,0 0 0 1px #50a03c33 inset}.adddevice-btn:hover:not(:disabled){background-position:0% 0;transform:translateY(-2px);box-shadow:0 8px 30px #1e781473,0 0 0 1px #64be464d inset}.adddevice-btn:active:not(:disabled){transform:translateY(0)}.adddevice-btn:disabled{opacity:.65;cursor:not-allowed}.btn-arrow{font-size:16px;transition:transform .2s}.adddevice-btn:hover .btn-arrow{transform:translate(4px)}.btn-loader{width:18px;height:18px;border:2px solid rgba(180,240,150,.25);border-top-color:#b4f096d9;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.adddevice-back{background:none;border:none;color:#78aa6473;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:.2s;padding:4px 8px}.adddevice-back:hover{color:#a0dc82cc}@media (max-width: 480px){.adddevice-card{width:90%;padding:36px 24px 32px}.adddevice-title{font-size:22px}.corner-line{width:50px;height:50px}}