:root{--color-background-dark: oklch(.1 .03 264);--color-background: oklch(.15 .03 264);--color-background-light: oklch(.2 .03 264);--color-text-primary: oklch(.96 .06 264);--color-text-secondary: oklch(.76 .06 264);--color-border: oklch(.35 .06 264);--color-border-muted: oklch(.25 .06 264);--color-red: oklch(.618 .244 25);--color-yellow: oklch(.856 .198 86.8);--color-green: oklch(.64 .17 145.4);--color-blue: oklch(.551 .17 260.6);--color-blue-light: oklch(.75 .17 260.6);--color-accent: var(--color-blue);--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-s: 12px;--font-size-m: 16px;--font-size-l: 20px;--font-size-xl: 24px;--font-size-xxl: 32px;--border-radius-m: 12px;--border-radius-l: 16px;--shadow-s: inset 0 1px 2px #ffffff30, 0 1px 2px #00000030, 0 2px 4px #00000015;--shadow-m: inset 0 1px 2px #ffffff50, 0 2px 4px #00000030, 0 4px 8px #00000015;--shadow-l: inset 0 1px 2px #ffffff70, 0 4px 6px #00000030, 0 6px 10px #00000015;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;color-scheme:dark;background-color:var(--color-background-dark);color:var(--color-text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}@media (max-width: 768px){:root{--font-size-s: 11px;--font-size-m: 14px;--font-size-l: 18px;--font-size-xl: 21px;--font-size-xxl: 28px;--spacing-xs: 4px;--spacing-s: 6px;--spacing-m: 12px;--spacing-l: 20px;--spacing-xl: 24px;--spacing-xxl: 32px}}[data-theme=light]{--color-background-dark: oklch(.92 .03 264);--color-background: oklch(.96 .03 264);--color-background-light: oklch(1 .03 264);--color-text-primary: oklch(.15 .06 264);--color-text-secondary: oklch(.4 .06 264);--color-border: oklch(.6 .06 264);--color-border-muted: oklch(.7 .06 264);color-scheme:light}body{margin:0;min-width:320px;min-height:100vh;overscroll-behavior-y:none;background-color:var(--color-background-dark)}*{box-sizing:border-box}button{font-family:inherit}.navbar{display:flex;justify-content:space-around;align-items:center;padding:var(--spacing-s);position:fixed;width:100%;z-index:100;border-bottom:1px solid var(--color-border-muted);top:0;bottom:auto;transition:.3s ease;background-color:var(--color-background)}.nav-item{display:flex;flex-direction:column;align-items:center;color:var(--color-text-secondary);cursor:pointer;gap:var(--spacing-xs);font-size:12px;text-decoration:none;transition:color .2s}@media (hover: hover){.nav-item:hover{color:var(--color-blue)}}.nav-item.active{color:var(--color-blue)}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.nav-icon{font-size:24px;margin-right:var(--spacing-xs)}.nav-badge{position:absolute;top:-5px;right:-20px;background-color:var(--color-red);color:#fff;font-size:12px;font-weight:700;min-width:18px;height:18px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-background)}@media (min-width: 769px){.navbar{justify-content:flex-start;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-s)}.nav-item{flex-direction:row;font-size:14px;font-weight:500;padding:var(--spacing-s) var(--spacing-m);border-radius:var(--border-radius-m)}.nav-item:hover,.nav-item.active{background-color:var(--color-background)}.nav-icon{font-size:20px}.nav-badge{top:-8px;right:-90px}}@media (max-width: 768px){.navbar{border-top:1px solid var(--color-border-muted);border-bottom:none;bottom:0;top:auto}}.nav-item-dropdown-container{position:relative;display:flex;align-items:center;height:100%}.nav-dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--color-background);border:1px solid var(--color-border-muted);border-radius:var(--border-radius-m);padding:var(--spacing-s);display:none;flex-direction:column;min-width:250px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 769px){.nav-item-dropdown-container:hover .nav-dropdown-menu{display:flex;animation:fadeInDesktop .2s ease-out}}.nav-dropdown-menu.open{display:flex}.nav-dropdown-icon.open{transform:rotate(180deg)}.nav-dropdown-item{padding:var(--spacing-m) var(--spacing-l);color:var(--color-text-secondary);text-decoration:none;font-size:14px;border-radius:var(--border-radius-m);transition:background-color .2s,color .2s;white-space:nowrap}.nav-dropdown-item:hover{background-color:var(--color-background-light);color:var(--color-blue)}.nav-dropdown-item.active{background-color:var(--color-background-light);color:var(--color-primary)}.nav-dropdown-icon{margin:0;font-size:24px;transition:transform .2s}.nav-item-dropdown-container:hover .nav-dropdown-icon{transform:rotate(180deg)}@media (max-width: 768px){.nav-dropdown-menu{bottom:100%;top:auto;left:50%;transform:translate(-50%);min-width:200px;margin-bottom:10px}.nav-item-dropdown-container:hover .nav-dropdown-menu{display:none}.nav-item-dropdown-container .nav-dropdown-menu.open{display:flex;animation:fadeInMobile .2s ease-out}.nav-dropdown-icon{display:none}}@keyframes fadeInDesktop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInMobile{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.hero-container{border-radius:var(--border-radius-l);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--spacing-s);overflow:hidden;position:relative;align-items:center;padding:calc(var(--spacing-xl) + 60px) var(--spacing-s) var(--spacing-s) var(--spacing-s)}.hero-content{flex:1;display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-around;gap:var(--spacing-m);max-width:800px}.hero-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-s);min-width:0}.weather-main{display:flex;flex-direction:column;align-items:center;text-align:center}.weather-icon-large{font-size:4rem;margin-bottom:var(--spacing-s)}.weather-temp-large{font-size:3.5rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.weather-condition{font-size:1.2rem;font-weight:500;opacity:.9}.weather-location{font-size:.9rem;opacity:.7;margin-top:var(--spacing-xs);display:flex;align-items:center;gap:4px}.sun-cycle-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.sun-cycle-svg{width:100%;max-width:300px;height:auto;overflow:visible}.sun-cycle-path{fill:none;stroke:var(--color-border-muted);stroke-width:2;stroke-linecap:round}.sun-icon{color:#fdb813;filter:drop-shadow(0 0 12px rgba(253,184,19,.9));transition:transform 1s linear;overflow:visible}.moon-icon{color:var(--color-text-primary);filter:drop-shadow(0 0 10px rgba(226,232,240,.8));transition:transform 1s linear;overflow:visible}.sun-times{display:flex;justify-content:space-between;width:100%;max-width:300px;margin-top:var(--spacing-s);font-size:.8rem;font-weight:500}.sun-time-label{display:flex;flex-direction:column;align-items:center}.sun-time-label span:first-child{font-size:.7rem;opacity:.7;margin-bottom:2px}.sun-time-label span:last-child{font-size:1rem;font-weight:600}.hero-actions{display:flex;gap:var(--spacing-m);margin-top:var(--spacing-l);width:100%;align-items:center;justify-content:center;max-width:400px}.hero-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-background);border:none;border-radius:var(--border-radius-m);padding:var(--spacing-m) var(--spacing-s);color:var(--color-text-primary);cursor:pointer;transition:all .2s;gap:var(--spacing-s);box-shadow:var(--shadow-s);width:100%}.hero-button:hover{background-color:var(--color-background-light)}.hero-button.active{background-color:var(--color-blue)}.hero-button-icon{font-size:1.5rem}.hero-button span{font-size:.9rem;font-weight:500}@media (max-width: 768px){.hero-container{padding-top:0}.weather-icon-large{font-size:3rem}.weather-temp-large{font-size:2.5rem}.sun-cycle-container{padding-left:var(--spacing-s)}}.toggle-switch-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-s) 0}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:var(--font-size-m);color:var(--color-text-primary);font-weight:500}.toggle-subtext{font-size:var(--font-size-s);color:var(--color-text-secondary)}.switch-track{width:48px;height:26px;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:12px;position:relative;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}[data-theme=light] .switch-track{background-color:var(--color-background-dark)}.switch-track.checked{background-color:var(--color-blue)}.switch-thumb{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.switch-track.checked .switch-thumb{transform:translate(22px)}.location-card{background-color:var(--color-background);border-radius:var(--border-radius-l);padding:var(--spacing-m);color:var(--color-text-primary);box-shadow:var(--shadow-s)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m);border-bottom:1px solid var(--color-border-muted);padding-bottom:var(--spacing-s)}.card-title{font-size:var(--font-size-l);font-weight:700}.card-chevron{font-size:24px;color:var(--color-text-secondary);transition:color .2s}.card-chevron.clickable{cursor:pointer}.card-chevron.clickable:hover{color:var(--color-primary)}.card-row{display:flex;align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-s);color:var(--color-text-secondary);font-size:var(--font-size-s)}.card-row:last-child{margin-bottom:0}.card-icon{font-size:18px}.toggle-row{display:flex;align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-m)}.light-icon{font-size:18px;transition:color .2s;color:var(--color-text-secondary)}.occupied{color:var(--color-green);font-weight:500}.card-controls-row{display:flex;align-items:center;gap:var(--spacing-m);flex-grow:1;justify-content:space-between}.card-timer-row{display:flex;align-items:center;gap:var(--spacing-s);padding:2px 8px;border-radius:var(--border-radius-m);transition:all .3s ease}.card-timer-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.card-cancel-btn{background-color:var(--color-blue);border:1px solid var(--color-border);color:#ebf2ff;color:oklch(.96 .06 264);padding:var(--spacing-s) var(--spacing-m);border-radius:var(--border-radius-m);font-size:var(--font-size-s);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-s);letter-spacing:.02em}.card-cancel-btn:hover{border-color:var(--color-text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-m)}.card-cancel-btn:active{transform:translateY(0)}.card-timer-row.active .card-cancel-btn{background-color:var(--color-blue);border-color:var(--color-blue);box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f626}.card-timer-row.active .card-cancel-btn:hover{opacity:.9;box-shadow:0 6px 8px -1px #3b82f666,0 3px 6px -1px #3b82f633}.location-card-left{display:flex;flex-direction:column}.location-card-right{display:none}.location-sensor-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-m)}.location-sensor-item{display:flex;align-items:center;gap:var(--spacing-s);background-color:var(--color-background-subtle);padding:var(--spacing-s) var(--spacing-m) var(--spacing-s) var(--spacing-s);border-radius:var(--border-radius-m);border:1px solid var(--color-border-muted);max-width:225px}.location-sensor-item .location-sensor-icon{font-size:20px;width:20px;height:20px;color:var(--sensor-color);flex-shrink:0}.location-sensor-info{display:flex;flex-direction:column;line-height:1.2}.location-sensor-value{font-size:var(--font-size-m);font-weight:600;color:var(--color-text-primary)}.location-sensor-value .unit{font-size:var(--font-size-s);color:var(--color-text-secondary);font-weight:400;margin-left:2px}.location-sensor-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}@media (min-width: 768px){.location-card-content{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:var(--spacing-l);align-items:center}.location-card-right{display:block;border-left:1px solid var(--color-border-muted);padding-left:var(--spacing-l)}}.loader-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loader-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--primary-color, #007bff);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-container{padding:var(--spacing-l) var(--spacing-s);padding-top:var(--spacing-xl);padding-bottom:80px;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xxl)}@media (min-width: 769px){.dashboard-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));padding-bottom:40px}}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;text-align:center;padding:var(--spacing-l);color:var(--text-primary)}@media (min-width: 769px){.dashboard-error{padding-top:80px}}.dashboard-error h2{font-size:2rem;margin-bottom:var(--spacing-m);color:var(--error-color, #ff4d4f)}.dashboard-error p{margin-bottom:var(--spacing-l);font-size:1.1rem}.error-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-l);width:100%;max-width:400px}.retry-button{background-color:var(--primary-color, #007bff);color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s;width:100%}.retry-button:hover{background-color:var(--primary-color-dark, #0056b3);transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}.simulation-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-s);width:100%;border-top:1px solid var(--border-color, #eee);padding-top:var(--spacing-l)}.simulation-prompt p{margin:0;font-size:1.1rem}.simulation-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;font-size:1.2rem;font-weight:700;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%;box-shadow:0 4px 15px #764ba266}.simulation-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #764ba299}.simulation-button:active{transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:60vh;text-align:center;padding:var(--spacing-l);gap:var(--spacing-m)}.empty-state p{font-size:1.1rem;color:var(--text-secondary);margin:0}.add-location-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;font-size:1.2rem;font-weight:700;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #764ba266}.add-location-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #764ba299}.add-location-button:active{transform:translateY(-1px)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background-color:var(--color-background);border-radius:12px;box-shadow:var(--shadow-m);width:90%;max-width:500px;display:flex;flex-direction:column;animation:modalFadeIn .2s ease-out}[data-theme=light] .modal-container{border-color:#0000001a}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-muted)}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal-close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;font-size:1.5rem}.modal-close-btn:hover{background-color:var(--color-background-light);color:var(--color-text-primary)}.modal-body{padding:24px;color:var(--color-text-secondary);font-size:1rem;line-height:1.5}.modal-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--color-border-muted)}.modal-btn{padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.9rem}.modal-btn-secondary{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-muted)}.modal-btn-secondary:hover{background-color:var(--color-background-light);color:var(--color-text-primary)}.modal-btn-primary{background-color:var(--color-blue)}.modal-btn-primary:hover{opacity:.8}.modal-btn-danger{background-color:var(--color-red);color:var(--color-text-primary)}.modal-btn-danger:hover{opacity:.9}.settings-location-card{display:flex;align-items:center;background-color:var(--color-background-light);font-size:var(--font-size-m);color:var(--color-text-secondary);gap:var(--spacing-m);border-radius:var(--border-radius-m);padding:var(--spacing-m);transition:all .2s ease;box-shadow:var(--shadow-s);border:2px solid transparent;cursor:pointer}@media (max-width: 768px){.settings-location-card{padding:var(--spacing-s)}}.settings-location-card:hover{transform:translateY(-2px)}.settings-location-card.selected{border-color:var(--color-accent)}.slc-drag-handle{display:flex;align-items:center;cursor:grab;padding:4px;border-radius:4px}.slc-drag-handle:hover{background-color:var(--color-background)}.slc-drag-handle svg{font-size:1.2rem}.slc-index{font-size:.9rem;font-weight:600;margin-left:4px;min-width:20px;text-align:center}.slc-info{display:flex;flex-direction:column;gap:4px;flex:1}.slc-title{margin:0;font-size:var(--font-size-l);font-weight:600;color:var(--color-text-primary)}.slc-subtitle{font-size:var(--font-size-m);color:var(--color-text-secondary)}@media (max-width: 768px){.slc-title{font-size:var(--font-size-m)}.slc-subtitle{font-size:var(--font-size-s)}}.slc-actions{display:flex;margin-left:auto;gap:8px;align-items:center}.slc-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:36px}.slc-btn svg{font-size:1.1rem}.slc-btn-move{background-color:var(--color-background);color:var(--color-text-primary);border:2px solid var(--color-accent);font-size:var(--font-size-m)}.slc-btn-move:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.slc-btn-move:disabled{opacity:.3;cursor:not-allowed}.slc-btn-settings{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border)}.slc-btn-settings:hover{background-color:var(--color-background-dark);border-color:var(--color-accent);color:var(--color-accent)}.slc-btn-delete{background-color:#ef44441a;color:#ef4444;border:1px solid transparent}.slc-btn-delete:hover{background-color:#ef4444;color:#fff}.slc-btn-save{background-color:var(--color-success);color:#fff;border:none}.slc-btn-save:hover{opacity:.9}.slc-edit-container{flex:1}.slc-edit-input{width:100%;padding:8px 12px;border:2px solid var(--color-primary);border-radius:6px;background-color:var(--color-background);color:var(--color-text-primary);font-size:1.1rem;font-weight:600;outline:none}@media (max-width: 768px){.slc-btn span{display:none}.slc-btn{padding:8px}}.settings-container{display:flex;flex-direction:column;width:100%;padding:var(--spacing-m);padding-bottom:80px;max-width:1200px;margin:0 auto}@media (min-width: 769px){.settings-container{padding-top:80px}}.settings-title{font-size:var(--font-size-xxl);font-weight:700;margin-bottom:var(--spacing-l);color:var(--color-text-primary)}.settings-section{display:flex;flex-direction:column;background-color:var(--color-background);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s);margin-bottom:var(--spacing-xxl)}.setting-item{margin-top:var(--spacing-l);padding-top:var(--spacing-l);border-top:1px solid var(--color-border-muted);display:flex;flex-direction:column;gap:var(--spacing-s)}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-label{font-size:var(--font-size-m);color:var(--color-text-primary);font-weight:500}.setting-description{font-size:var(--font-size-s);color:var(--color-text-secondary)}.settings-select{padding:var(--spacing-s);border-radius:var(--border-radius-m);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-m);margin-top:var(--spacing-xs);cursor:pointer}.locations-grid{display:flex;flex-direction:column;gap:12px}.section-title{font-size:var(--font-size-l);font-weight:600;color:var(--color-text-primary);margin:0}.theme-toggle-button{display:flex;align-items:center;gap:var(--spacing-m);padding:var(--spacing-s) var(--spacing-m);background-color:var(--color-blue);color:var(--color-text-primary);border:none;border-radius:var(--border-radius-m);font-size:var(--font-size-m);cursor:pointer;transition:opacity .2s,transform .1s;align-self:flex-start;font-weight:500}.theme-toggle-button:hover{opacity:.9}.theme-toggle-button:active{transform:scale(.98)}.theme-icon{font-size:var(--font-size-xl);color:var(--color-text-primary)}.theme-toggle-container{display:flex;flex-direction:column;gap:var(--spacing-m)}.theme-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.theme-label{font-size:var(--font-size-m);color:var(--color-text-primary);font-weight:500;margin-top:12px}.theme-current{font-size:var(--font-size-s);color:var(--color-text-secondary)}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m)}.save-changes-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--color-accent);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9rem;animation:fadeIn .3s ease-out}.save-changes-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.add-location-container{margin-top:24px;display:flex;justify-content:center}.add-location-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-s);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;font-size:var(--font-size-m);font-weight:600;border-radius:var(--border-radius-m);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #764ba24d}.add-location-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #764ba266}.add-location-btn:active{transform:translateY(0)}.add-location-btn svg{font-size:1.2rem}.header-actions{display:flex;gap:12px}.discard-changes-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--color-danger, #ef4444);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9rem;animation:fadeIn .3s ease-out}.discard-changes-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}@media (max-width: 768px){.btn-text{display:none}.discard-changes-btn,.save-changes-btn{padding:8px 12px}.header-actions{gap:8px}}.location-subnav{display:flex;justify-content:space-around;background-color:var(--color-background);border-bottom:1px solid var(--color-border-muted);overflow-x:auto}.subnav-item{display:flex;flex-direction:column;align-items:center;color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-s);border-radius:var(--border-radius-m);min-width:60px;gap:4px;font-size:11px;transition:color .2s,background-color .2s}.subnav-item:hover,.subnav-item.active{color:var(--color-primary);background-color:var(--color-background-light)}@media (min-width: 769px){.location-subnav{display:none}}.graph-card{background-color:var(--color-background-light);border-radius:var(--border-radius-l);padding:var(--spacing-m);cursor:pointer;transition:transform .2s,border-color .2s;display:flex;flex-direction:column;gap:var(--spacing-s);box-shadow:var(--shadow-l)}.graph-card:hover{transform:translateY(-2px);border-color:var(--color-primary)}.graph-header{display:flex;justify-content:space-between;align-items:center}.graph-title-row{display:flex;align-items:center;gap:var(--spacing-s)}.graph-icon{font-size:20px}.graph-title{color:var(--color-text-secondary);font-size:var(--font-size-s);font-weight:500}.graph-expand-icon{padding:4px;border-radius:50%;font-size:28px;color:var(--color-text-secondary);transition:background-color .2s,color .2s}.graph-expand-icon:hover{background-color:var(--color-background);color:var(--color-text-primary)}.graph-value-container{display:flex;align-items:baseline;gap:2px}.graph-value{font-size:var(--font-size-l);font-weight:700;color:var(--color-text-primary)}@media (max-width: 768px){.graph-value{font-size:var(--font-size-m)}}.graph-unit{font-size:var(--font-size-s);color:var(--color-text-secondary)}.graph-chart-mini{margin-top:auto;height:60px}.graph-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.graph-modal{background-color:var(--color-background);width:90%;max-width:1200px;border-radius:var(--border-radius-l);padding:var(--spacing-l);position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-s)}@media (max-width: 768px){.graph-modal{width:95%;padding:var(--spacing-m)}}.graph-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-l)}.graph-modal-controls{display:flex;align-items:center;gap:var(--spacing-m)}.graph-range-selector{background-color:var(--color-background-light);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-s) var(--spacing-m);border-radius:var(--border-radius-m);font-size:var(--font-size-m);cursor:pointer;outline:none}.graph-range-selector:focus{border-color:var(--color-accent)}.graph-modal-header h2{margin:0;font-size:var(--font-size-l);color:var(--color-text-primary)}.graph-modal-close-button{background:none;border:none;color:var(--color-text-secondary);font-size:24px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.graph-modal-close-button:hover{background-color:var(--color-background-dark);color:var(--color-text-primary)}.graph-modal-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-l)}.graph-modal-chart{height:300px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.graph-no-data{display:flex;justify-content:center;align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-s);width:100%}.custom-tooltip{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-m);padding:var(--spacing-s) var(--spacing-m);box-shadow:var(--shadow-l)}.tooltip-value{font-size:var(--font-size-m);font-weight:700;margin:0 0 2px}.tooltip-unit{font-size:var(--font-size-s);font-weight:400;color:var(--color-text-primary)}.tooltip-date{font-size:var(--font-size-s);color:var(--color-text-secondary);margin:0}.tooltip-date-part{margin-left:4px;opacity:.8}.location-info-container{display:flex;flex-direction:column;gap:var(--spacing-m);background-color:var(--color-background);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}@media (max-width: 768px){.location-info-container{background-color:var(--color-background-dark);box-shadow:none;padding:0}}.location-info-header h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-l)}.location-info-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-s)}.location-sensor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-m)}@media (max-width: 768px){.location-sensor-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}.no-graph-message{color:var(--color-text-primary)}.no-graph-message p{margin:0;font-size:var(--font-size-m)}.location-devices-container{display:flex;flex-direction:column;gap:var(--spacing-m);background-color:var(--color-background);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}@media (max-width: 768px){.location-devices-container{background-color:var(--color-background-dark);box-shadow:none;padding:0}}.location-devices-container h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-l)}.devices-header h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-l)}.devices-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-s)}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--spacing-m)}.device-card{background-color:var(--color-background-light);border-radius:var(--border-radius-m);padding:var(--spacing-m);display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .2s,box-shadow .2s;gap:12px;box-shadow:var(--shadow-l);min-height:170px;aspect-ratio:none}@media (max-width: 768px){.device-card{min-height:140px}}.device-card:hover{transform:translateY(-2px)}.device-info{display:flex;flex-direction:column;gap:28px}@media (max-width: 768px){.device-info{gap:12px}}.device-name{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-status{display:flex;align-items:center;gap:var(--spacing-s);color:var(--color-text-secondary);font-size:.9rem}.device-status.occupied{color:var(--color-green)}.device-status-icon{font-size:1.25rem}.device-icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative;align-self:flex-start}.device-icon{font-size:2.5rem;color:var(--color-text-secondary)}@media (max-width: 768px){.device-icon{font-size:32px}}.status-dot{position:absolute;top:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-background)}@media (max-width: 768px){.status-dot{width:10px;height:10px}}.status-dot.online{background-color:var(--color-green)}.status-dot.offline{background-color:var(--color-red)}.no-devices-message{color:var(--color-text-primary)}.no-devices-message p{margin:0;font-size:var(--font-size-m)}.range-slider-container{display:flex;flex-direction:column;gap:var(--spacing-s);margin-bottom:var(--spacing-m)}.slider-header{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-primary)}.slider-label-group{display:flex;align-items:center;gap:var(--spacing-s)}.slider-icon{font-size:20px;color:var(--color-text-secondary)}.slider-label{font-size:var(--font-size-m);font-weight:500}.slider-value{font-size:var(--font-size-s);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.slider-track-container{position:relative;height:32px;display:flex;align-items:center}.range-input{-webkit-appearance:none;width:100%;height:12px;border-radius:6px;background:var(--color-card-background);outline:none;border:1px solid rgba(255,255,255,.1);cursor:pointer}[data-theme=light] .range-input{border:1px solid rgba(0,0,0,.1)}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px #0003;border:2px solid var(--color-card-background);transition:transform .1s}.range-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px #0003;border:2px solid var(--color-card-background);transition:transform .1s}.slider-marker{position:absolute;width:2px;height:16px;background-color:var(--color-text-primary);top:50%;transform:translateY(-50%);pointer-events:none;opacity:.6;z-index:1}.location-lights-container{display:flex;flex-direction:column;gap:var(--spacing-m);background-color:var(--color-background);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}@media (max-width: 768px){.location-lights-container{background-color:var(--color-background-dark);box-shadow:none;padding:0}}.lights-header h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-l)}.lights-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-s)}.lights-controls-row{display:flex;gap:var(--spacing-m);align-items:center;margin-bottom:var(--spacing-m)}.light-selector{flex-grow:1;background-color:var(--color-background-light);color:var(--color-text-primary);padding:var(--spacing-m);border-radius:var(--border-radius-m);font-size:var(--font-size-m);outline:none;cursor:pointer;transition:border-color .2s;border:1px solid var(--color-border)}.light-selector:focus{border-color:var(--color-accent)}.power-button-small{width:48px;height:48px;border-radius:var(--border-radius-m);border:none;background-color:var(--color-background-light);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border-muted);flex-shrink:0}.power-button-small.on{background-color:var(--color-blue);color:#fff;border-color:var(--color-blue);box-shadow:0 0 10px #3b82f64d}.power-button-small:active{transform:scale(.95)}.power-icon-small{font-size:24px}.location-controls-section{background-color:var(--color-background-light);padding:var(--spacing-l);border-radius:var(--border-radius-l);transition:opacity .3s;box-shadow:var(--shadow-s)}.location-controls-section.disabled{opacity:.5;pointer-events:none}.location-automation-section{background-color:var(--color-background-light);padding:var(--spacing-s) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}.location-automation-section>*{padding-bottom:var(--spacing-s);border-bottom:1px solid var(--color-border-muted)}.location-automation-section>*:last-child{border-bottom:none;padding-bottom:0}.location-automation-section h3{margin-top:0;margin-bottom:var(--spacing-m);color:var(--color-text-primary);font-size:var(--font-size-l)}.location-automation-section.disabled{opacity:.5;pointer-events:none}.location-automation-row{padding:var(--spacing-s) 0;transition:all .3s ease}.location-automation-row.active{padding:var(--spacing-s) 0;border-radius:0 0 var(--border-radius-l) var(--border-radius-l)}.timer-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.timer-text{font-size:.75rem;font-weight:600;color:var(--color-text-primary);position:absolute}.automation-row-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-m)}.automation-text{display:flex;flex-direction:column;gap:4px}.automation-label{font-size:var(--font-size-m);color:var(--color-text-primary);font-weight:500}.automation-subtext{font-size:var(--font-size-s);color:var(--color-text-secondary)}.location-automation-row.active .automation-label{font-size:var(--font-size-m);color:var(--color-text-primary);font-weight:500}.location-automation-row.active .automation-subtext{font-size:var(--font-size-s);color:var(--color-text-secondary)}.automation-actions{display:flex;align-items:center;gap:var(--spacing-m)}.keep-on-btn{background-color:var(--color-blue);border:1px solid var(--color-border);color:#ebf2ff;color:oklch(.96 .06 264);padding:var(--spacing-s) var(--spacing-m);border-radius:var(--border-radius-m);font-size:var(--font-size-s);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-s);letter-spacing:.02em}.keep-on-btn:hover{border-color:var(--color-text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-m)}.keep-on-btn:active{transform:translateY(0)}.location-automation-row.active .keep-on-btn{background-color:var(--color-blue);color:var(--color-text-primary);border-color:var(--color-blue);box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f626}.location-automation-row.active .keep-on-btn:hover{opacity:.9;box-shadow:0 6px 8px -1px #3b82f666,0 3px 6px -1px #3b82f633}.timer-progress-bar{height:100%;background-color:var(--color-blue);width:100%;box-shadow:0 0 8px var(--color-blue);animation:pulse-width 2s infinite ease-in-out;transform-origin:left}@keyframes pulse-width{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes pulse-text{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-blink{animation:pulse-text 2s infinite ease-in-out;color:var(--color-accent)}.location-light-automation-status{display:flex;align-items:center;gap:var(--spacing-s);color:var(--color-text-primary);font-size:var(--font-size-m);font-weight:500;padding:var(--spacing-m) 0}.location-light-status-value{display:flex;align-items:center;gap:var(--spacing-s);color:var(--color-accent)}.location-light-status-icon{font-size:1.25rem}.location-automation-card{background-color:var(--color-background-light);border-radius:var(--border-radius-l);padding:var(--spacing-m);margin-bottom:var(--spacing-m);display:flex;align-items:center;box-shadow:var(--shadow-s);transition:all .2s ease}.location-automation-card:hover{transform:translateY(-2px)}.automation-icon{width:48px;height:48px;border-radius:10px;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;margin-right:16px;color:var(--color-text-primary);font-size:24px;flex-shrink:0}.automation-content{flex:1;min-width:0}.automation-title{margin:0 0 4px;font-size:var(--font-size-m);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-description{margin:0;font-size:var(--font-size-s);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.automation-controls{display:flex;align-items:center;gap:12px;margin-left:16px}.location-automation-container{display:flex;flex-direction:column;gap:var(--spacing-m);background-color:var(--color-background);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}@media (max-width: 768px){.location-automation-container{background-color:var(--color-background-dark);box-shadow:none;padding:0}}.automation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-m)}.automation-header h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-l)}.automation-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-s)}.add-automation-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-m);background-color:transparent;border:1px dashed var(--color-border);color:var(--color-text-secondary);border-radius:var(--border-radius-m);cursor:pointer;transition:all .2s}.add-automation-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:rgba(var(--color-accent-rgb),.05)}.automation-list{display:flex;flex-direction:column;gap:var(--spacing-s)}.automation-actions-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--color-border-muted)}.location-automation-reset-btn,.location-automation-save-btn{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.location-automation-save-btn{background-color:var(--color-blue);color:var(--color-text-primary)}.location-automation-save-btn:hover{opacity:.9;transform:translateY(-1px)}.location-automation-reset-btn{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border-muted)}.location-automation-reset-btn:hover{background-color:var(--color-background-light)}.location-settings-container{display:flex;flex-direction:column;gap:var(--spacing-m);background-color:var(--color-background);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}@media (max-width: 768px){.location-settings-container{background-color:var(--color-background-dark);box-shadow:none;padding:0}}.location-settings-header h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-l)}.location-settings-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-s)}.location-settings-section-divider{height:1px;background-color:var(--color-border-muted)}.location-settings-group{display:flex;flex-direction:column;gap:24px;margin-top:16px}.location-setting-item{display:flex;flex-direction:column;gap:12px}.location-setting-item label{display:flex;justify-content:space-between;align-items:center}.location-setting-label{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.location-setting-value{font-size:.9rem;font-weight:600;color:var(--color-primary);min-width:50px;text-align:right}.location-setting-description{font-size:.85rem;color:var(--color-text-secondary);margin-top:4px}.location-setting-info{display:flex;flex-direction:column;gap:4px}.location-settings-selector{flex-grow:1;background-color:var(--color-background-light);color:var(--color-text-primary);padding:var(--spacing-s);border-radius:var(--border-radius-m);font-size:var(--font-size-m);outline:none;cursor:pointer;transition:border-color .2s;border:1px solid var(--color-border)}.location-settings-selector:focus{border-color:var(--color-accent)}.btn-icon{background:none;border:none;color:var(--color-blue);font-size:.9rem;cursor:pointer;border-radius:4px;transition:background-color .2s}.btn-icon svg{font-size:1.5rem}.setting-toggle label{flex-direction:row;gap:16px}.location-settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border-muted)}.location-name-section{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.name-control{display:flex;align-items:center;gap:12px}.name-display{font-size:1rem;color:var(--color-text-primary)}.name-input{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:var(--color-background);color:var(--color-text-primary);font-size:.85rem;outline:none;transition:border-color .2s;flex:1;max-width:300px}[data-theme=light] .name-input{border-color:#0000001a}.name-input:focus{border-color:var(--color-primary)}.floor-section{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.floor-control{display:flex;align-items:center;gap:12px;flex:1}.floor-select{flex:1;background-color:var(--color-background-light);color:var(--color-text-primary);padding:var(--spacing-s);border-radius:var(--border-radius-m);font-size:var(--font-size-m);outline:none;cursor:pointer;transition:border-color .2s;border:1px solid var(--color-border);max-width:200px}.floor-select:focus{border-color:var(--color-accent)}.location-settings-section-title{margin:0;color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.location-setting-subtitle{margin:var(--spacing-m) 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:.95rem;font-weight:500;opacity:.9}.location-setting-subtitle:first-of-type{margin-top:var(--spacing-s)}.location-setting-label-sub{font-size:.9rem;font-weight:400;color:var(--color-text-secondary)}.profile-header{display:flex;align-items:center;gap:4px}.profile-status-description{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--font-size-m);color:var(--color-text-primary)}.profile-status-description.blinking strong{animation:pulse-color 2s infinite ease-in-out}.profile-status-description strong{color:var(--color-accent)}.profile-status-description svg{font-size:1.25rem;color:var(--color-accent)}.sun-timeline-container{margin:0}.timeline-labels{display:flex;justify-content:space-between;font-size:1.5rem;padding:0 10px}.timeline-track-wrapper{position:relative;height:40px;margin-bottom:8px}.timeline-track{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:4px;background:linear-gradient(90deg,#2a3b55,#2a3b55 20%,#e6ae25 35%,#fdbb2d 45%,#fdbb2d 65%,#e6ae25,#2a3b55 95%,#2a3b55);border-radius:4px;opacity:.8}.timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.marker-icon{font-size:1.2rem;color:var(--color-text-primary);background:var(--color-bg-secondary);padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center}.marker-dot{width:7px;height:7px;background:var(--color-text-primary);border-radius:50%;opacity:1;border:1px solid var(--color-text-primary);box-shadow:0 0 4px #0000004d}.marker-time{font-size:.75rem;color:var(--color-text-secondary);margin-top:12px;font-weight:500}.current-time-indicator{position:absolute;width:2px;height:12px;background:#ffffffe6;transform:translate(1px);transform:translateY(14px);z-index:5;box-shadow:0 0 8px #fff9;pointer-events:none;border-radius:2px}.transition-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-l);margin:0}.transition-group{background:var(--color-background-light);padding:var(--spacing-l);border-radius:var(--border-radius-m)}.transition-group h5{margin:0;font-size:.95rem;color:var(--color-text-primary)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-m)}.control-label{font-size:.85rem;color:var(--color-text-secondary)}.time-select{padding:6px 10px;border-radius:6px;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-m);outline:none;cursor:pointer}@media (max-width: 768px){.time-select{max-width:120px}}.appearance-anchors{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.anchor-column{display:flex;flex-direction:column;gap:var(--spacing-m)}.anchor-header{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-s);font-weight:600;color:var(--color-text-primary);font-size:1rem}.anchor-header svg{color:var(--color-yellow)}.anchor-column:last-child .anchor-header svg{color:var(--color-blue)}.anchor-setting{display:flex;flex-direction:column;gap:6px}.anchor-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-secondary)}.anchor-value{font-weight:600;color:var(--color-text-primary)}.anchor-slider{width:100%;height:6px;border-radius:3px;background:var(--color-border-muted);outline:none;cursor:pointer}.exposure-section{padding-top:var(--spacing-l);border-top:1px solid var(--color-border-muted)}.feedback-item{display:flex;flex-direction:column;gap:4px}.feedback-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.feedback-value{font-size:1.1rem;font-weight:600;color:var(--color-primary);font-family:monospace}.helper-text{font-size:.8rem;color:var(--color-text-secondary);margin-top:4px;font-style:italic}.helper-text.left{opacity:100%}.helper-text.right{opacity:0%}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-s)}.transition-controls{grid-template-columns:1fr;gap:var(--spacing-m)}.appearance-anchors{grid-template-columns:1fr;gap:var(--spacing-xxl)}.feedback-item{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.helper-text.left{opacity:0%;display:none}.helper-text.right{opacity:100%}}.automation-content-container{display:flex;flex-direction:column;padding:var(--spacing-xl);background-color:var(--color-background);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}@media (max-width: 768px){.automation-content-container{background-color:var(--color-background-dark);padding:0;box-shadow:none}}.automation-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-s)}.automation-header-info h1{font-size:var(--font-size-l);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:10px}.title-edit-icon{color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;margin-left:var(--spacing-m)}.title-edit-icon:hover{color:var(--color-accent)}.title-edit-container{display:flex;align-items:center}.title-edit-description{font-size:var(--font-size-m);color:var(--color-text-secondary)}.automation-title-input{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-m);padding:4px 8px;outline:none;flex-grow:1;max-width:400px}.automation-title-input:focus{border-color:var(--color-accent)}.title-edit-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.title-edit-btn.save{color:var(--color-green)}.title-edit-btn.cancel{color:var(--color-red)}.title-edit-btn:hover{background-color:var(--color-background-hover)}.automation-header-info p{color:var(--color-text-secondary);margin:0}.automation-section{background-color:var(--color-background-light);border-radius:var(--border-radius-l);padding:var(--spacing-m);box-shadow:var(--shadow-s);margin-bottom:var(--spacing-xxl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-s)}.section-header h2{font-size:var(--font-size-l);color:var(--color-text-primary);margin:0;font-weight:600}.add-item-container{position:relative;display:flex;align-items:center;gap:var(--spacing-s)}.add-item-select{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-s) var(--spacing-m);border-radius:var(--border-radius-m);font-size:var(--font-size-s);outline:none;cursor:pointer;transition:border-color .2s;width:150px}.add-item-select:focus{border-color:var(--color-accent)}.add-btn svg{font-size:1.25rem}.add-btn{background-color:var(--color-background);color:var(--color-accent);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.add-btn:hover{background-color:var(--color-accent);color:#fff}.add-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-background-hover);color:var(--color-text-secondary)}.automation-items-list{display:flex;flex-direction:column;gap:var(--spacing-m)}.automation-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-m);padding:var(--spacing-m);display:flex;gap:var(--spacing-m);align-items:flex-start}.item-content{flex-grow:1;display:flex;flex-direction:column;gap:var(--spacing-m)}.item-header{display:flex;justify-content:space-between;align-items:center}.item-label{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-m)}.delete-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-btn:hover{color:#ff4d4f;background-color:#ff4d4f1a}.editor-row{display:flex;align-items:center;gap:var(--spacing-m);flex-wrap:wrap}.editor-select,.editor-input{background-color:var(--color-background-light);border:1px solid var(--color-border);color:var(--color-text-primary);padding:8px 12px;border-radius:var(--border-radius-m);font-size:var(--font-size-m);min-width:200px;outline:none;transition:border-color .2s}.editor-select:focus,.editor-input:focus{border-color:var(--color-accent)}.editor-unit{color:var(--color-text-secondary);font-size:var(--font-size-s);font-weight:500}.automation-edit-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;border-top:1px solid var(--color-border-muted);padding-top:var(--spacing-m)}.delete-automation-btn{margin-right:auto;background-color:transparent;color:#ff4d4f;padding:10px 20px;border-radius:8px;border:1px solid rgba(255,77,79,.2);cursor:pointer;font-weight:500;transition:all .2s}.delete-automation-btn:hover{background-color:#ff4d4f1a;border-color:#ff4d4f}.location-settings-btn-primary,.location-settings-btn-secondary{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.location-settings-btn-primary{background-color:var(--color-blue);color:var(--color-text-primary)}.location-settings-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.location-settings-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.location-settings-btn-secondary{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border-muted)}.location-settings-btn-secondary:hover{background-color:var(--color-background-light)}.dynamic-info-box{background-color:var(--color-background);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--border-radius-m);padding:var(--spacing-m);margin-top:var(--spacing-s)}.dynamic-info-description{margin:0 0 var(--spacing-s) 0;color:var(--color-text-secondary);font-size:var(--font-size-s)}.dynamic-state-description{margin:0 0 var(--spacing-m) 0;font-size:var(--font-size-s);color:var(--color-text-primary)}.dynamic-state-description.blinking strong{animation:pulse-color 2s infinite ease-in-out}@keyframes pulse-color{0%{color:var(--color-accent)}50%{color:var(--color-blue-light)}to{color:var(--color-accent)}}.dynamic-state-description strong{color:var(--color-accent)}.dynamic-values{display:flex;gap:var(--spacing-l)}.dynamic-value-item{display:flex;flex-direction:column;gap:4px}.dynamic-value-item .label{font-size:var(--font-size-s);text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px}.dynamic-value-item .value{font-size:var(--font-size-m);font-weight:600;color:var(--color-text-primary)}.switch-container{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-container input{display:none}.switch-slider{position:relative;width:40px;height:20px;background-color:var(--color-border);border-radius:20px;transition:background-color .2s}.switch-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .2s}.switch-container input:checked+.switch-slider{background-color:var(--color-accent)}.switch-container input:checked+.switch-slider:after{transform:translate(20px)}.switch-label{font-size:var(--font-size-m);color:var(--color-text-primary)}.adorned-input-container{display:flex;align-items:center;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-m);padding:0;transition:border-color .2s;overflow:hidden;width:fit-content;min-width:150px;text-align:center}.adorned-input-container:focus-within{border-color:var(--color-accent)}.adorned-input-field{border:none;background:transparent;padding:8px 12px;font-size:var(--font-size-m);color:var(--color-text-primary);flex-grow:1;outline:none;width:78px;text-align:center}.adorned-input-select{border:none;background-color:var(--color-background-light);border-left:1px solid var(--color-border);color:var(--color-text-primary);padding:8px 12px;font-size:var(--font-size-m);outline:none;cursor:pointer;height:100%;align-self:stretch}.adorned-input-select option{background-color:var(--color-background);color:var(--color-text-primary)}.automation-toggle-section-auto-off{margin:var(--spacing-l) 0;padding:var(--spacing-s) 0;border-top:1px solid var(--color-border-muted);border-bottom:1px solid var(--color-border-muted)}.automation-logging-toggle{border-top:1px solid var(--color-border-muted);padding:var(--spacing-m) 0}.location-page{padding-bottom:80px;min-height:100vh;max-width:1200px;margin:0 auto}.location-header{padding:var(--spacing-m)}@media (min-width: 769px){.location-page{padding-top:80px;padding-bottom:40px}}.location-header h1{margin:0;font-size:var(--font-size-xxl);color:var(--color-text-primary)}.location-content{padding:var(--spacing-m)}.location-section{background-color:var(--color-card-background);border-radius:var(--border-radius-l);padding:var(--spacing-m);margin-bottom:var(--spacing-m);border:1px solid rgba(255,255,255,.1)}[data-theme=light] .location-section{border:1px solid rgba(0,0,0,.1)}.location-section h3{margin-top:0;margin-bottom:var(--spacing-m);color:var(--color-text-primary);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--spacing-s)}[data-theme=light] .location-section h3{border-bottom:1px solid rgba(0,0,0,.1)}.location-section p{color:var(--color-text-secondary)}.desktop-layout{display:flex;flex-direction:column;gap:var(--spacing-xxl);max-width:1200px;margin:0 auto}.grid-item{height:100%}.device-subnav{display:flex;justify-content:space-around;background-color:var(--color-background);border-bottom:1px solid var(--color-border-muted);top:60px;z-index:90;overflow-x:auto}.subnav-item{display:flex;flex-direction:column;align-items:center;color:var(--color-text-secondary);text-decoration:none;width:100%;font-size:11px;transition:color .2s,background-color .2s}.subnav-item:hover{color:var(--color-primary);background-color:var(--color-background-light)}.subnav-item.active{color:var(--color-primary)}.subnav-icon{font-size:20px}.device-info-container{background-color:var(--color-background);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}.device-info-container h3{margin:0;padding:var(--spacing-s) 0;color:var(--color-text-primary)}.device-info-container p{color:var(--color-text-secondary);margin-bottom:var(--spacing-s)}.device-info-grid{display:flex;flex-direction:column}.device-info-row{display:flex;align-items:center;padding:var(--spacing-s) 0;border-bottom:1px solid var(--color-border-muted)}.device-info-row:last-child{border-bottom:none}.device-info-label{color:var(--color-text-secondary);font-size:var(--font-size-m);min-width:100px}.device-info-value{color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-m);word-break:break-word;flex:1}.device-info-container strong{color:var(--color-text-primary)}.device-panel-container-light{display:flex;flex-direction:column;background-color:var(--color-background);border-radius:var(--border-radius-l);padding:var(--spacing-l);box-shadow:var(--shadow-l);gap:var(--spacing-m)}.device-panel-header-light{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-muted);padding-bottom:var(--spacing-s);margin-bottom:var(--spacing-m)}.device-panel-header-light h3{color:var(--color-text-primary);margin:0}.light-main-content{display:flex;flex-direction:column;gap:var(--spacing-m);transition:all .3s ease}.light-main-content.disabled-content{opacity:.4;filter:grayscale(100%);pointer-events:none}.light-controls-section{background-color:var(--color-background-light);padding:var(--spacing-l);border-radius:var(--border-radius-m);box-shadow:var(--shadow-s)}.light-automation-section{background-color:var(--color-background-light);padding:var(--spacing-s) var(--spacing-l);border-radius:var(--border-radius-m);box-shadow:var(--shadow-s)}.light-automation-section>*{padding-bottom:var(--spacing-s);border-bottom:1px solid var(--color-border-muted)}.light-automation-section>*:last-child{border-bottom:none;padding-bottom:0}.sensor-card{background-color:var(--color-background-light);border-radius:var(--border-radius-l);padding:var(--spacing-m);box-shadow:var(--shadow-l);display:flex;justify-content:space-between;align-items:center;transition:transform .2s,border-color .2s;min-width:150px}.sensor-left{display:flex;align-items:center;gap:var(--spacing-s)}.sensor-icon{font-size:24px}.sensor-title{color:var(--color-text-secondary);font-size:var(--font-size-s);font-weight:500}.sensor-right{display:flex;align-items:baseline;gap:2px}.sensor-value{font-size:var(--font-size-l);font-weight:700;color:var(--color-text-primary)}.sensor-unit{font-size:var(--font-size-s);color:var(--color-text-secondary)}.smart-switch-main-content{display:flex;flex-direction:column;gap:var(--spacing-l);transition:all .3s ease}.smart-switch-main-content.disabled-content{opacity:.4;filter:grayscale(100%);pointer-events:none}.smart-switch-controls-section{background-color:var(--color-background-light);padding:var(--spacing-l);border-radius:var(--border-radius-m);box-shadow:var(--shadow-s)}.smart-switch-panel{display:flex;flex-direction:column}.smart-switch-sensor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--spacing-m)}.smart-switch-automation-section{background-color:var(--color-background-light);padding:var(--spacing-s) var(--spacing-l);border-radius:var(--border-radius-m);box-shadow:var(--shadow-s)}.smart-switch-automation-section>*{padding-bottom:var(--spacing-s);border-bottom:1px solid var(--color-border-muted)}.smart-switch-automation-section>*:last-child{border-bottom:none;padding-bottom:0}.sound-control-container{display:flex;flex-direction:column;padding:var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s);gap:var(--spacing-m);background-color:var(--color-background-light)}.sound-select-wrapper{display:flex;flex-direction:row;align-items:center;gap:12px}.music-icon{font-size:1.25rem}.sound-select{flex-grow:1;background-color:var(--color-background);color:var(--color-text-primary);padding:var(--spacing-m);border-radius:var(--border-radius-m);font-size:var(--font-size-m);outline:none;cursor:pointer;transition:border-color .2s;border:1px solid var(--color-border)}.sound-select:focus{border-color:var(--color-accent)}.sound-player-row{display:flex;align-items:center;gap:16px;width:100%}.play-button{width:50px;height:50px;border-radius:50%;border:none;background:var(--color-blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background-color .15s;flex-shrink:0}.play-button:hover{transform:scale(1.05)}.play-button:active{transform:scale(.95)}.play-button.stop{background:var(--color-red)}.play-icon{font-size:1.25rem}.timeline{display:flex;align-items:center;gap:10px;flex:1}.timeline-bar{flex:1;height:6px;background:var(--color-border-muted);border-radius:4px;overflow:hidden}.timeline-progress{height:100%;background:var(--color-blue);transition:width .2s linear}.time-current,.time-total{font-size:13px;color:var(--color-text-secondary);min-width:38px;text-align:center}.door-window-sensor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--spacing-m)}.door-window-panel,.curtain-panel{display:flex;flex-direction:column}.curtain-controls-section{display:flex;flex-direction:column;gap:var(--spacing-l);padding:var(--spacing-l);border-radius:var(--border-radius-m);box-shadow:none;background-color:var(--color-background)}@media (max-width: 768px){.curtain-controls-section{background-color:var(--color-background-light);box-shadow:var(--shadow-s)}}.curtain-presets-row{display:flex;justify-content:space-between;gap:var(--spacing-m)}.curtain-preset-btn{flex:1;padding:var(--spacing-m);border-radius:var(--border-radius-m);border:1px solid var(--color-border);background-color:var(--color-background-light);color:var(--color-text-primary);cursor:pointer;font-weight:500;transition:all .2s}.curtain-preset-btn:hover{background-color:var(--color-background)}.curtain-preset-btn.active{background-color:var(--color-accent);border-color:var(--color-text-secondary)}.pir-panel{display:flex;flex-direction:column}.device-panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-muted);padding-bottom:var(--spacing-s);margin-bottom:var(--spacing-m)}.device-panel-header h3{margin:0;color:var(--color-text-primary)}.pir-sensor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--spacing-m)}.device-panel-container{display:flex;flex-direction:column;gap:var(--spacing-l);background-color:var(--color-background);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}@media (max-width: 768px){.device-panel-container{background-color:var(--color-background-dark);padding:0;box-shadow:none}}.device-panel-header h3{color:var(--color-text-primary);margin:0;padding:var(--spacing-s) 0}.device-settings-container{display:flex;flex-direction:column;gap:var(--spacing-l);background-color:var(--color-background);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s)}.device-settings-container h3{color:var(--color-text-primary);margin:0;padding:var(--spacing-s) 0}.device-settings-container p{color:var(--color-text-secondary)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-l)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-s)}.form-group label{color:var(--color-text-secondary);font-size:.9rem}.settings-input,.settings-select{flex-grow:1;background-color:var(--color-background-light);color:var(--color-text-primary);padding:var(--spacing-m);border-radius:var(--border-radius-m);font-size:var(--font-size-m);outline:none;cursor:pointer;transition:border-color .2s;border:1px solid var(--color-border)}.settings-input{cursor:text}.settings-input:focus,.settings-select:focus{border-color:var(--color-accent)}.settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border-muted)}.settings-btn-danger{background-color:#ff4d4f1a;color:#ff4d4f;border:1px solid rgba(255,77,79,.2);padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;margin-right:auto}.settings-btn-danger:hover{background-color:#ff4d4f33}.modal-btn-danger{background-color:#ff4d4f;color:#fff;border:none}.modal-btn-danger:hover{background-color:#ff7875}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;flex-direction:row!important}.checkbox-label span{color:var(--color-text-primary);font-size:.95rem}.settings-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.settings-btn-primary,.settings-btn-secondary{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.settings-btn-primary{background-color:var(--color-blue);color:var(--color-text-primary)}.settings-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.settings-btn-secondary{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border-muted)}.settings-btn-secondary:hover{background-color:var(--color-background-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn .3s ease-in-out}.device-page{padding-bottom:80px;min-height:100vh}.device-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-m)}.device-header h2{margin:0;font-size:var(--font-size-xxl);color:var(--color-text-primary)}.device-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-s)}@media (min-width: 769px){.device-page{padding-top:80px;padding-bottom:40px}.device-header{top:80px;max-width:1200px;margin:0 auto}}.device-content{padding:var(--spacing-m)}.device-desktop-grid{display:flex;flex-direction:column;gap:var(--spacing-l);max-width:1200px;margin:0 auto}.device-grid-item{width:100%}.device-list-container{padding:0 0 80px;max-width:1200px;margin:0 auto;color:var(--text-primary);animation:fadeIn .3s ease-in-out}@media (min-width: 769px){.device-list-container{padding:80px var(--spacing-m) var(--spacing-m) var(--spacing-m)}}.device-list-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}@media (max-width: 768px){.device-list-title{padding:0 0 0 var(--spacing-m)}}.device-table-wrapper{background:var(--color-background);border-radius:var(--spacing-l);overflow:hidden;box-shadow:var(--shadow-s)}@media (max-width: 768px){.device-table-wrapper{background:var(--color-background)}}.device-table{width:100%;border-collapse:collapse;text-align:left}.device-table th,.device-table td{padding:var(--spacing-s);border-bottom:1px solid var(--color-border-muted);font-size:var(--font-size-m);font-weight:400;font-family:inherit;height:57px}@media (max-width: 768px){.device-table th,.device-table td{height:53px}}.device-table th{font-weight:700;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.device-table th:hover{background:var(--color-background-light)}.th-content{display:flex;align-items:center}.sort-icon-placeholder{opacity:.3}.device-table tr:last-child td{border-bottom:none}.device-row{cursor:pointer;transition:background-color .2s;color:var(--color-text-primary)}.device-row.requires-attention{color:var(--color-red);box-shadow:inset 999px 0 0 -990px var(--color-red)}.device-row:hover{background:var(--color-background-light)}.device-icon-cell{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--primary-color);font-size:1.5rem;position:relative}.device-list-status-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;border:1px solid var(--color-background-dark)}.device-list-status-dot.online{background-color:var(--color-green)}.device-list-status-dot.offline{background-color:var(--color-red)}.device-location{color:var(--text-primary)}.device-name{font-weight:400;color:var(--text-primary)}.device-ieee{font-family:inherit}.col-index{width:40px;text-align:center}@media (max-width: 768px){.col-ieee,.col-floor{display:none}}.logs-page{padding:var(--spacing-m);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;overflow:hidden;padding-bottom:80px;max-width:1200px;margin:0 auto}@media (min-width: 769px){.logs-page{padding-top:80px;padding-bottom:40px}}.logs-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;width:100%}.logs-header h1{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.logs-controls{display:flex;align-items:center;gap:12px}.filter-group-modern{display:flex;gap:8px;background-color:var(--color-background);padding:6px 8px;border-radius:var(--border-radius-l);border:1px solid var(--color-border-muted)}.filter-pill{padding:6px 14px;cursor:pointer;font-size:.8rem;font-weight:500;border-radius:20px;color:var(--color-text-secondary);border:1px solid transparent;transition:all .25s}.filter-pill:hover{color:var(--color-text-primary);background:var(--color-background-light)}.filter-pill.active{background:var(--color-background-dark);color:var(--color-text-primary);border-color:var(--color-border)}.refresh-btn-modern{background:var(--color-background);border:1px solid var(--color-border-muted);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all .25s}.refresh-btn-modern:hover{border-color:var(--color-primary);color:var(--color-primary)}.error-message{background-color:#ff4d4f1a;border:1px solid var(--color-red);color:var(--color-red);padding:8px 12px;border-radius:var(--border-radius-s);font-size:.9rem}.logs-container{flex:1;background-color:var(--color-background);border-radius:var(--border-radius-m);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-s);width:100%}.table-container{flex:1;overflow:auto}.logs-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:fixed}.logs-table th{position:sticky;top:0;padding:var(--spacing-s) var(--spacing-m);text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-muted);z-index:1}.logs-table td{padding:4px 12px;border-bottom:1px solid var(--color-border-muted);color:var(--color-text-primary)}.log-row{transition:background-color .2s;border-radius:var(--border-radius-l)}.log-row:hover{background-color:var(--color-background-light)}.col-time{width:150px;font-size:var(--font-size-s);color:var(--color-text-secondary)}.col-level{width:80px}.col-message{word-break:break-word;flex:1;font-size:var(--font-size-s)}.level-badge{display:inline-block;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;min-width:50px}.level-badge.error{color:var(--color-red)}.level-badge.notice{color:var(--color-green)}.level-badge.info{color:var(--color-blue)}.loading-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-size:.9rem}@media (max-width: 768px){.col-time{width:75px}.col-level{width:60px}}@keyframes pulse-blue{0%{box-shadow:0 0 #007bffb3}70%{box-shadow:0 0 0 10px #007bff00}to{box-shadow:0 0 #007bff00}}@keyframes pulse-permit-jointext{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.add-location-btn.pulsing{background-color:var(--color-accent);animation:pulse-blue 2s infinite}.z2m-timer-input-container{display:flex;align-items:center;gap:12px;margin-top:16px}.z2m-timer-wrapper{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius-m);background-color:var(--color-surface);overflow:hidden}.z2m-timer-btn{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border:none;background-color:var(--color-surface-hover);color:var(--color-text-primary);cursor:pointer;font-size:1.2rem;transition:background-color .2s}.z2m-timer-btn:hover:not(:disabled){background-color:var(--color-border)}.z2m-timer-btn:disabled{opacity:.5;cursor:not-allowed}.z2m-timer-input{width:80px;height:36px;border:none;background-color:transparent;color:var(--color-text-primary);font-size:var(--font-size-m);text-align:center;border-left:1px solid var(--color-border-muted);border-right:1px solid var(--color-border-muted);outline:none}.z2m-settings-select{padding:var(--spacing-s);border-radius:var(--border-radius-m);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-m);margin-top:var(--spacing-xs);cursor:pointer;max-width:100px}.z2m-info-grid{display:flex;flex-direction:column}.z2m-info-row{display:flex;align-items:center;padding:var(--spacing-s) 0;border-bottom:1px solid var(--color-border-muted)}.z2m-info-row:last-child{border-bottom:none}.z2m-info-label{color:var(--color-text-secondary);font-size:var(--font-size-m);min-width:150px}@media (max-width: 768px){.z2m-info-label{min-width:120px}}.z2m-info-value{color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-m);word-break:break-word;flex:1}.z2m-info-value.permit-join-active{color:var(--color-accent);animation:pulse-permit-jointext 1.5s infinite ease-in-out}.notification-container{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;z-index:1000;max-width:400px;width:100%;bottom:20px;right:20px;padding:0}@media (max-width: 768px){.notification-container{bottom:70px;padding:0 var(--spacing-m);right:0}}.notification-item{background-color:var(--color-background-light);border-radius:var(--border-radius-l);padding:var(--spacing-m);box-shadow:var(--shadow-m);display:flex;flex-direction:column;justify-content:center;animation:slideIn .3s ease-out;border:0px solid;border-left-width:4px;border-left-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0);max-height:200px}to{opacity:0;transform:translate(100%);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0}}.notification-item.exiting{animation:slideOut .3s ease-in forwards}.notification-item.level-error{border-left-color:var(--color-red)}.notification-item.level-notice{border-left-color:var(--color-green)}.notification-item.level-info{border-left-color:var(--color-blue)}.notification-header{display:flex;justify-content:space-between;align-items:flex-end}.notification-title-group{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-s)}.notification-icon svg{font-size:1.25rem;margin-top:4px;padding:0}@media (max-width: 768px){.notification-icon svg{font-size:1rem}}.notification-title{display:flex;justify-content:flex-end;align-items:center;font-weight:600;font-size:var(--font-size-m);text-transform:capitalize;color:var(--color-text-primary)}.notification-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;margin:-4px -4px 0 0;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;font-size:1.2rem}.notification-close:hover{background-color:var(--color-background)}.notification-message{font-size:var(--font-size-s);color:var(--color-text-primary);line-height:1.4}.notification-timestamp{font-size:var(--font-size-s);color:var(--color-text-secondary)}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background-color:var(--color-background);width:100%}.notification-progress-bar{height:100%;background-color:currentColor;width:100%;transform-origin:left;animation:progress 10s linear forwards}.notification-item.level-error .notification-progress-bar{background-color:var(--color-red)}.notification-item.level-notice .notification-progress-bar{background-color:var(--color-green)}.notification-item.level-info .notification-progress-bar{background-color:var(--color-blue)}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}