@import url(https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap);.debug-panel[data-v-a9811f26]{position:fixed;top:10px;right:10px;width:400px;height:300px;background:rgba(0,0,0,.9);color:#0f0;font-family:monospace;font-size:12px;z-index:9999;border:1px solid #333;border-radius:4px}.debug-header[data-v-a9811f26]{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:#333;border-bottom:1px solid #555}.debug-header h3[data-v-a9811f26]{margin:0;color:#fff}.debug-header button[data-v-a9811f26]{background:#555;color:#fff;border:none;padding:2px 8px;margin-left:5px;border-radius:2px;cursor:pointer}.debug-content[data-v-a9811f26]{height:250px;overflow-y:auto;padding:5px}.log-entry[data-v-a9811f26]{margin-bottom:5px;padding:2px;border-bottom:1px solid #333}.timestamp[data-v-a9811f26]{color:#888;margin-right:10px}.message[data-v-a9811f26]{color:#0f0}.data[data-v-a9811f26]{color:#ff0;margin:2px 0;font-size:10px}.debug-toggle[data-v-a9811f26]{position:fixed;bottom:20px;right:20px;background:#333;color:#fff;border:none;width:40px;height:40px;border-radius:20px;font-size:20px;cursor:pointer;z-index:9998}h1,h2,h3,h4{margin-top:0}button{cursor:pointer}.app-header h1{margin:0;font-size:1.5rem}.logout-btn{background-color:#fff;color:#42b983;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;transition:background-color .2s}.logout-btn:hover{background-color:#f1f1f1}.deployment-info{position:fixed;bottom:5px;left:5px;background:rgba(0,0,0,.7);color:#fff;padding:2px 5px;font-size:10px;border-radius:3px;z-index:10000}:root,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-hover:#e8e8e8;--text-primary:#333;--text-secondary:#666;--border-primary:#ccc;--shadow-primary:0 2px 10px rgba(0,0,0,.1);--error-color:#ff5252;--dialog-overlay-bg:rgba(0,0,0,.5);--glass-bg-start:hsla(0,0%,100%,.1);--glass-bg-mid:hsla(0,0%,100%,.05);--glass-bg-end:rgba(0,0,0,.05);--glass-border-light:hsla(0,0%,100%,.4);--glass-border-dark:rgba(0,0,0,.2);--glass-inner-light:hsla(0,0%,100%,.3);--glass-inner-dark:rgba(0,0,0,.1);--glass-shadow-light:rgba(0,0,0,.1);--glass-shadow-dark:rgba(0,0,0,.15);--glass-shine:hsla(0,0%,100%,.1);--glass-hover-bg-start:hsla(0,0%,100%,.15);--glass-hover-bg-mid:hsla(0,0%,100%,.08);--glass-hover-bg-end:rgba(0,0,0,.03);--glass-hover-inner-light:hsla(0,0%,100%,.4);--glass-hover-inner-dark:rgba(0,0,0,.15);--glass-hover-shadow-light:rgba(0,0,0,.15);--glass-hover-shadow-dark:rgba(0,0,0,.2)}[data-theme=dark]{--bg-primary:#005;--bg-secondary:#5a5a5a;--bg-hover:#404040;--text-primary:#fff;--text-secondary:#ccc;--border-primary:#666;--shadow-primary:0 2px 10px rgba(0,0,0,.3);--error-color:#ff6b6b;--dialog-overlay-bg:hsla(0,0%,100%,.5);--glass-bg-start:hsla(0,0%,100%,.12);--glass-bg-mid:hsla(0,0%,100%,.08);--glass-bg-end:rgba(0,0,0,.15);--glass-border-light:hsla(0,0%,100%,.35);--glass-border-dark:rgba(0,0,0,.6);--glass-inner-light:hsla(0,0%,100%,.25);--glass-inner-dark:rgba(0,0,0,.5);--glass-shadow-light:rgba(0,0,0,.5);--glass-shadow-dark:rgba(0,0,0,.7);--glass-shine:hsla(0,0%,100%,.15);--glass-hover-bg-start:hsla(0,0%,100%,.18);--glass-hover-bg-mid:hsla(0,0%,100%,.12);--glass-hover-bg-end:rgba(0,0,0,.12);--glass-hover-inner-light:hsla(0,0%,100%,.35);--glass-hover-inner-dark:rgba(0,0,0,.6);--glass-hover-shadow-light:rgba(0,0,0,.6);--glass-hover-shadow-dark:rgba(0,0,0,.8)}body,html{font-family:Funnel Sans,Arial,sans-serif;margin:0;padding:0;height:100%;width:100%;overflow:hidden;box-sizing:border-box}*,:after,:before{box-sizing:inherit}#app{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;position:relative}body{display:block;padding:0;transition:background-color 3s ease,color 3s ease}h6{margin:0}body.dark-theme,body.light-theme{background-color:var(--bg-primary);color:var(--text-primary)}.scrollable-container{overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin}.scrollable-container::-webkit-scrollbar{width:8px}.scrollable-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.scrollable-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.scrollable-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.events-container{overflow-y:auto;overflow-x:hidden;flex:1;max-height:100%;scrollbar-width:thin}.events-container::-webkit-scrollbar{width:8px}.events-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.events-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.events-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-1{flex:1}.no-scroll{overflow:hidden}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--dialog-overlay-bg);z-index:1000;display:flex;justify-content:center;align-items:center;overflow:hidden}.modal-dialog{font-size:1.6rem;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--bg-secondary);border-radius:8px;width:90vw;max-width:90vw;max-height:90vh;overflow-y:hidden;box-shadow:var(--shadow-primary);transition:all .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.5rem}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary)}.modal-body{padding:20px}.tile{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--glass-bg-start) 0,var(--glass-bg-mid) 50%,var(--glass-bg-end) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);border-top:1px solid var(--glass-border-light);border-left:1px solid var(--glass-border-light);border-right:1px solid var(--glass-border-dark);border-bottom:1px solid var(--glass-border-dark);border-radius:8px;height:147px;padding:10px;box-shadow:inset 1px 1px 0 var(--glass-inner-light),inset -1px -1px 0 var(--glass-inner-dark),0 4px 15px var(--glass-shadow-light),0 2px 4px var(--glass-shadow-dark);transition:all .3s ease;position:relative;overflow:hidden}.tile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--glass-shine),transparent);transition:left .5s ease}.tile:hover:before{left:100%}.tile:hover{background:linear-gradient(135deg,var(--glass-hover-bg-start) 0,var(--glass-hover-bg-mid) 50%,var(--glass-hover-bg-end) 100%);box-shadow:inset 1px 1px 0 var(--glass-hover-inner-light),inset -1px -1px 0 var(--glass-hover-inner-dark),0 6px 20px var(--glass-hover-shadow-light),0 3px 6px var(--glass-hover-shadow-dark);transform:translateY(-2px)}.day-temp,.night-temp{font-size:2rem;font-weight:700}.night-temp{color:var(--text-secondary)}.day-real-feel,.night-real-feel{font-size:1.5rem;font-weight:700;color:var(--text-secondary)}@media (max-width:768px){.tile{height:unset}}