@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Space+Grotesk:wght@300;400;700&display=swap";:root{--bg-deep: #020617;--bg-surface: #0f172a;--bg-glass: rgba(15, 23, 42, .6);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--secondary: #d946ef;--secondary-glow: rgba(217, 70, 239, .5);--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .5);--success: #10b981;--success-glow: rgba(16, 185, 129, .5);--warning: #f59e0b;--error: #ef4444;--error-glow: rgba(239, 68, 68, .5);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--glass-border: rgba(255, 255, 255, .08);--shadow-premium: 0 20px 50px rgba(0, 0, 0, .5);--font-main: "Outfit", sans-serif;--font-tech: "Space Grotesk", monospace;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}:root *{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(217,70,239,.1) 0px,transparent 50%);background-attachment:fixed;min-height:100vh}.glass-effect{background:var(--bg-glass)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-premium)!important;border-radius:24px!important;color:var(--text-main)!important}.glass-card{background:#ffffff08!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:16px!important;transition:var(--transition-fast);color:var(--text-main)!important}.glass-card:hover{background:#ffffff0d!important;border-color:#ffffff1a!important;transform:translateY(-2px)}.MuiPaper-root{background-color:var(--bg-surface)!important;color:var(--text-main)!important;background-image:none!important}.react-colorful{position:relative;z-index:10;pointer-events:auto!important;cursor:crosshair}.tech-text{font-family:var(--font-tech)!important;letter-spacing:.05em;text-transform:uppercase}.neon-glow{text-shadow:0 0 10px var(--primary-glow)}.accent-glow{filter:drop-shadow(0 0 8px var(--accent-glow))}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:10px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes pulse-glow{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.status-pulse{animation:pulse-glow 2s infinite ease-in-out}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagePlant{width:100%;padding:2rem;background:linear-gradient(#050a18cc,#050a18cc),url(/assets/backgroundPlant-CGgXXIld.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;align-items:center}.title_plant{font-family:var(--font-tech);font-size:3.5rem;font-weight:800;text-transform:uppercase;letter-spacing:4px;color:var(--text-main);text-shadow:0 0 20px var(--primary-glow);margin-bottom:2rem;text-align:center}.principalCards_plant{display:flex;justify-content:center;gap:2rem;width:100%;max-width:1200px;flex-wrap:wrap}.cardPlantaf{flex:1;min-width:320px;max-width:500px}.cardPlanta{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;width:100%;box-shadow:var(--shadow-premium);transition:transform .3s ease}.cardPlanta:hover{transform:translateY(-5px)}.subtitle_plant{font-size:1.25rem;font-weight:700;color:var(--accent);margin-bottom:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:2px}.button_plantf2{width:100%;display:flex;justify-content:center;margin-top:2rem}.button_plant{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);transition:all .3s ease}.button_plant:hover{transform:scale(1.05);box-shadow:0 6px 20px var(--primary-glow)}@media(max-width:480px){.title_plant{font-size:2rem}.pagePlant{padding:1rem}}.tasksList_plant{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:300px;padding-right:.5rem}.tasksList_plant::-webkit-scrollbar{width:6px}.tasksList_plant::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.tasksList_plant::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.cardTask_plant{position:relative;display:flex;flex-direction:column;width:100%;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:15px;padding:1.2rem;transition:transform .3s ease,box-shadow .3s ease}.cardTask_plant:hover{transform:translateY(-2px);box-shadow:var(--shadow-premium)}.title_cardtask{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center}.daysTask_plant{display:flex;flex-wrap:wrap;gap:.4rem;width:100%}.day_task{background:var(--primary-glow);color:var(--text-main);border:1px solid var(--primary);border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;text-transform:uppercase}.delete-btn-container{position:absolute;top:8px;right:8px;z-index:10}.delete-task-btn{color:#ff5252!important;background:#ff52521a!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,82,82,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.delete-task-btn:hover{background:#ff525233!important;box-shadow:0 0 15px #ff525266;transform:scale(1.1) rotate(5deg);border-color:#ff525280!important}.delete-task-btn:active{transform:scale(.95)}.days_plant{display:flex;width:100%;justify-content:space-around;align-items:center;background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:15px;border:1px solid var(--glass-border);padding:1rem;gap:.5rem}.days_plant_child{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s ease;gap:.5rem;flex:1}.days_plant_child:hover{transform:translateY(-3px)}.days_plant_child div:first-child{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.checkBox_plant_child{width:32px;height:32px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.days_plant_child.active .checkBox_plant_child{background:var(--primary-glow);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.buttonsvg{width:18px;height:18px;color:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.markedSliderWrap{padding:0 20px 50px}.rangeSliderWrap{padding:0 0 20px;display:flex;width:100%;height:auto;margin:auto;justify-content:center;align-items:center}.rc-slider{height:2vh}.rc-slider-track{background-color:var(--primary)!important;box-shadow:0 0 10px var(--primary-glow)}.rc-slider-rail{background-color:#ffffff1a!important}.rc-slider-handle{border:solid 2px var(--accent)!important;background:var(--bg-deep)!important;width:1.8rem!important;height:1.8rem!important;margin-top:-.8rem!important;opacity:1!important;box-shadow:0 0 15px #00000080!important;transition:transform .2s ease,box-shadow .2s ease!important}.rc-slider-handle:hover,.rc-slider-handle:active{transform:scale(1.2);box-shadow:0 0 20px var(--primary-glow)!important;border-color:var(--primary)!important}@media(max-width:480px){.rc-slider-handle{width:30px!important;height:30px!important;margin-top:-14px!important}}.DataPickerV2{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;margin:1rem auto}.HourDisplayFather{display:flex;width:100%;justify-content:center}.HoursDisplay{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#0003;padding:1rem 2rem;border-radius:15px;border:1px solid rgba(255,255,255,.05)}.hourpicker{display:flex;flex-direction:column;align-items:center}.fixheightHour{font-family:var(--font-tech);font-size:3rem;font-weight:700;color:var(--accent);text-shadow:0 0 15px var(--accent)}.separatorClock{font-family:var(--font-tech);font-size:3rem;font-weight:700;color:var(--text-muted);padding-bottom:.5rem}.HoursDisplay2{display:flex;flex-direction:column;gap:1rem}.TitleClock{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}@media(max-width:480px){.fixheightHour,.separatorClock{font-size:2.5rem}}.side-nav-bar{background:var(--bg-card)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);height:100vh;width:80px;display:flex;flex-direction:column;align-items:center;padding-top:2rem;border-right:1px solid var(--glass-border);transition:all .3s ease;position:sticky;top:0}.nav-item{margin-bottom:2rem;transition:transform .2s ease;position:relative}.nav-item:hover{transform:scale(1.1)}.nav-icon{color:var(--text-muted)!important;transition:color .3s ease,filter .3s ease;font-size:1.8rem!important}.nav-item:hover .nav-icon{color:var(--accent)!important;filter:drop-shadow(0 0 8px var(--accent))}.nav-item.active .nav-icon{color:var(--primary)!important;filter:drop-shadow(0 0 10px var(--primary))}.nav-item:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--accent);border-radius:4px;transition:height .3s ease}.nav-item:hover:after{height:20px}.dashboard-container{padding:2.5rem;display:flex;flex-direction:column;gap:2rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.premium-card{background:var(--bg-card)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)!important;border-radius:20px!important;box-shadow:var(--shadow-premium)!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;color:var(--text-main)!important}.premium-card:hover{box-shadow:0 12px 40px #00000073!important}.status-badge{padding:.6rem 1.2rem;border-radius:30px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.6rem;background:#ffffff0d;border:1px solid var(--glass-border)}.status-online{color:#10b981}.status-offline{color:#ef4444}.status-dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.control-section{display:flex;flex-wrap:wrap;gap:2rem;width:100%}.rgb-card-container{padding:16px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.ambient-glow{position:absolute;inset:-50%;z-index:0;pointer-events:none;transition:background .3s ease}.rgb-header{display:flex;align-items:center;gap:8px;position:relative;z-index:10;margin-bottom:4px}.main-content{display:flex;flex-direction:column;width:100%;flex:1;position:relative;z-index:10;gap:8px}.hex-display-container{display:flex;align-items:center;gap:8px;align-self:flex-start}.hex-text{color:#fff;font-weight:700;font-family:Fira Code,monospace;font-size:.9rem;letter-spacing:1.2px}.color-viewer{width:30px;height:30px;border-radius:6px;box-shadow:inset 0 0 5px #fff6;border:1px solid rgba(255,255,255,.2);align-self:flex-start;margin-left:4px}.color-picker-container{width:85%;align-self:center;flex:1;min-height:150px;display:flex;justify-content:center;align-items:flex-end;margin-top:4px}.color-picker-container .react-colorful{width:100%;height:180px;border-radius:8px}.color-picker-container .react-colorful__saturation{border-radius:8px 8px 0 0}.color-picker-container .react-colorful__hue{border-radius:0 0 8px 8px;height:16px}.jostick-container{flex:1;position:relative;display:flex;justify-content:center;align-items:center;height:100%}.connection-lines{position:absolute;width:160px;height:160px;border:1px dashed rgba(255,255,255,.15);border-radius:50%;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls-layout{position:relative;z-index:1}.control-btn{width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.25);transition:all .2s ease}.control-btn:active{transform:scale(.9)}.control-btn:hover{border-color:#fff9;color:var(--text-main);background:#ffffff1a}.control-btn.active{background:#bd00ff33;color:#bd00ff;border:2px solid #bd00ff;box-shadow:0 0 20px #bd00ff}.control-btn.active:hover{border-color:#bd00ff;background:#bd00ff4d}.center-btn{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.center-btn:hover{border-color:var(--primary);color:var(--primary)}.center-btn.active{color:#bd00ff;border:2px solid #bd00ff;box-shadow:0 0 30px #bd00ff}