@tailwind base;@tailwind components;@tailwind utilities;:root{--color-amber-primary:#f5a623;--color-amber-bright:gold;--color-amber-dark:#ff8c00;--color-amber-border:#f5a62340;--color-amber-glow:#f5a62326;--color-glass-bg:#ffffff0a;--color-glass-border:#f5a62333;--color-glass-hover:#ffffff12;--color-success:#00c48c;--color-success-bg:#00c48c26;--color-danger:#ff4757;--color-danger-bg:#ff475726;--color-warning:#ffa502;--color-warning-bg:#ffa50226;--color-info-cold:#4fc3f7;--color-info-cold-bg:#4fc3f726;--color-text-primary:#fff;--color-text-secondary:#ffffffa6;--color-text-muted:#fff6;--font-display:"Exo 2",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-card:16px;--radius-btn:10px;--blur-glass:12px;--transition:all .25s cubic-bezier(.4,0,.2,1)}body:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg,#0d1117e6 0%,#0d1117d1 50%,#1e0f00e0 100%);position:fixed;inset:0}#root{z-index:1;text-align:left;max-width:100%;min-height:100vh;margin:0;padding:0;position:relative}*{box-sizing:border-box}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes glow-amber{0%,to{box-shadow:0 0 8px #f5a62359,inset 0 0 8px #f5a6230a}50%{box-shadow:0 0 22px #f5a623b3,inset 0 0 14px #f5a6231a}}@keyframes emergency-pulse{0%,to{box-shadow:0 0 10px #ff475766}50%{box-shadow:0 0 28px #ff4757d9}}@keyframes value-update{0%{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes hex-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.glass-card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(var(--blur-glass));transition:var(--transition);padding:1.5rem}.glass-card:hover{background:var(--color-glass-hover);border-color:#f5a62366;transform:translateY(-2px)}.glass-card--active{animation:2.5s ease-in-out infinite glow-amber;border-color:var(--color-amber-primary)!important;background:#f5a62312!important}.dashboard-header{border-bottom:1px solid var(--color-amber-border);-webkit-backdrop-filter:blur(20px);z-index:100;background:#0a0c12cc;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.85rem;display:flex}.header-hex{flex-shrink:0;animation:4s ease-in-out infinite hex-float}.header-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-amber-primary);text-shadow:0 0 18px #f5a62373;margin:0;font-size:clamp(.9rem,2.2vw,1.35rem);font-weight:800;line-height:1.2}.header-subtitle{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.05em;margin:0;font-size:.68rem}.header-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.status-indicator{font-family:var(--font-mono);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:2s ease-in-out infinite pulse-dot}.status-dot--ok{background:var(--color-success)}.status-dot--alert{background:var(--color-warning)}.status-dot--offline{background:var(--color-danger)}.refresh-btn{border:1px solid var(--color-amber-border);color:var(--color-amber-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.78rem;font-weight:600;display:flex}.refresh-btn:hover{background:var(--color-amber-glow);border-color:var(--color-amber-primary);box-shadow:0 0 12px #f5a62340}.dashboard-grid{grid-template-columns:1fr 1fr 300px;grid-template-areas:"error error error""alerts alerts alerts""temp hum status""controls controls controls""danger danger danger";align-content:start;gap:1.1rem;min-height:calc(100vh - 64px);padding:1.5rem 2rem;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"error error""alerts alerts""temp hum""status status""controls controls""danger danger"}}@media (max-width:640px){.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"error""alerts""temp""hum""status""controls""danger";gap:.85rem;padding:1rem}.dashboard-header{padding:.75rem 1rem}}.banner-error{grid-area:error}.banner-alerts{grid-area:alerts}.alerts-banner{border-radius:10px;align-items:flex-start;gap:.75rem;padding:.85rem 1.1rem;animation:.3s ease-out slide-down;display:flex}.alerts-banner--warning{background:var(--color-warning-bg);border:1px solid #ffa50266}.alerts-banner--danger{background:var(--color-danger-bg);border:1px solid #ff475766}.alerts-banner__icon{flex-shrink:0;margin-top:1px}.alerts-banner__title{font-family:var(--font-body);margin:0 0 .3rem;font-size:.82rem;font-weight:700}.alerts-banner--warning .alerts-banner__title{color:var(--color-warning)}.alerts-banner--danger .alerts-banner__title{color:var(--color-danger)}.alerts-banner__list{font-family:var(--font-mono);color:var(--color-text-secondary);margin:0;padding:0;font-size:.76rem;line-height:1.6;list-style:none}.sensor-temp{grid-area:temp}.sensor-hum{grid-area:hum}.sensor-card{text-align:center;flex-direction:column;align-items:center;gap:.3rem;padding-bottom:2rem;display:flex;position:relative;overflow:hidden}.sensor-icon{opacity:.7;margin-bottom:.2rem}.sensor-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:.72rem;font-weight:600}.sensor-value{font-family:var(--font-display);font-size:clamp(2.8rem,5vw,4.2rem);font-weight:800;line-height:1;transition:color .4s;animation:.35s ease-out value-update}.sensor-value--normal{color:var(--color-success)}.sensor-value--high{color:var(--color-danger)}.sensor-value--low{color:var(--color-info-cold)}.sensor-unit{font-family:var(--font-mono);color:var(--color-text-secondary);margin-top:-.35rem;font-size:1rem}.sensor-range{font-family:var(--font-mono);color:var(--color-text-muted);margin-top:.2rem;font-size:.62rem}.sensor-status-bar{width:100%;height:5px;transition:background .4s;position:absolute;bottom:0;left:0}.sensor-status-bar--normal{background:var(--color-success)}.sensor-status-bar--high{background:var(--color-danger)}.sensor-status-bar--low{background:var(--color-info-cold)}.status-panel-area{grid-area:status}.status-panel{flex-direction:column;gap:.85rem;display:flex}.status-panel-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-amber-primary);border-bottom:1px solid var(--color-amber-border);margin:0;padding-bottom:.65rem;font-size:.72rem;font-weight:700}.device-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.device-label{font-family:var(--font-body);color:var(--color-text-muted);flex-shrink:0;font-size:.72rem}.device-ip{font-family:var(--font-mono);white-space:nowrap;color:var(--color-success);background:var(--color-success-bg);border-radius:4px;padding:2px 9px;font-size:.7rem;font-weight:700}.device-ip--offline{color:var(--color-danger);background:var(--color-danger-bg)}.device-ip--test{color:var(--color-amber-primary);background:var(--color-amber-glow);border:1px solid var(--color-amber-border);animation:2.5s ease-in-out infinite pulse-dot}.device-ip--alert{color:var(--color-warning);background:var(--color-warning-bg)}.timestamp-block{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:.65rem}.timestamp-text{font-family:var(--font-mono);color:var(--color-text-secondary);margin:0;font-size:.66rem;line-height:1.6}.controls-area{grid-area:controls}.controls-panel{flex-wrap:wrap;gap:1rem;display:flex}.control-card{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;transition:var(--transition);flex-direction:column;flex:140px;align-items:center;gap:.75rem;display:flex}.control-card:hover{transform:translateY(-3px)}.control-icon{opacity:.8}.control-label{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-text-primary);margin:0;font-size:.82rem;font-weight:700}.toggle-switch{cursor:pointer;width:54px;height:27px;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{transition:var(--transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;position:absolute;inset:0}.toggle-track--on{background:linear-gradient(90deg,var(--color-amber-dark),var(--color-amber-primary));border-color:var(--color-amber-primary);box-shadow:0 0 14px #f5a62380}.toggle-thumb{width:21px;height:21px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000059}.toggle-thumb--on{transform:translate(27px)}.control-badge{font-family:var(--font-mono);letter-spacing:.07em;border-radius:20px;padding:2px 10px;font-size:.68rem;font-weight:700}.control-badge--on{background:var(--color-success-bg);color:var(--color-success)}.control-badge--off{color:var(--color-text-muted);background:#ffffff0f}.action-btn{border:1px solid var(--color-amber-border);border-radius:var(--radius-btn);background:var(--color-glass-bg);color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(8px);text-align:center;flex-direction:column;flex:140px;justify-content:center;align-items:center;gap:.5rem;padding:1rem .75rem;font-size:.8rem;font-weight:600;line-height:1.3;display:flex}.action-btn:hover:not(:disabled){border-color:var(--color-amber-primary);color:var(--color-amber-primary);background:#f5a6231a;transform:translateY(-2px);box-shadow:0 8px 22px #f5a6232e}.action-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.action-btn small{font-family:var(--font-mono);color:var(--color-success);background:var(--color-success-bg);border-radius:3px;padding:1px 6px;font-size:.6rem}.danger-area{grid-area:danger}.danger-panel{flex-wrap:wrap;align-items:stretch;gap:1rem;display:flex}.emergency-btn{border:2px solid var(--color-danger);border-radius:var(--radius-btn);background:var(--color-danger-bg);color:var(--color-danger);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:var(--transition);flex:200px;justify-content:center;align-items:center;gap:.65rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:800;animation:3s ease-in-out infinite emergency-pulse;display:flex}.emergency-btn:hover{background:var(--color-danger);color:#fff;animation:none;box-shadow:0 0 36px #ff475799}.loading-screen{min-height:100vh;color:var(--color-text-primary);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.spinner{border:3px solid #f5a62333;border-top-color:var(--color-amber-primary);border-radius:50%;width:48px;height:48px;animation:.85s linear infinite spin}.loading-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-amber-primary);margin:0;font-size:1.1rem;font-weight:700}.loading-url{font-family:var(--font-mono);color:var(--color-text-muted);margin:0;font-size:.75rem}