:root{--bg-gradient: linear-gradient(to bottom, #f8f9fa, #e9ecef);--glass-bg: #ffffff;--glass-border: #dee2e6;--glass-shadow: 0 2px 4px rgba(0, 0, 0, .05);--card-bg: #ffffff;--bg-secondary: #f6f8fa;--font-main: "Segoe UI", Roboto, Arial, sans-serif;--text-main: #212529;--text-secondary: #6c757d;--primary: #0d6efd;--primary-hover: #0b5ed7;--success: #198754;--warning: #ffc107;--danger: #dc3545;--radius-lg: 4px;--radius-md: 4px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.responsive-header{flex-direction:column!important;gap:1rem!important;padding:1rem!important;height:auto!important;position:relative!important}.responsive-stack{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.responsive-hide{display:none!important}.mobile-full-width{width:100%!important;min-width:0!important}.mobile-padding{padding:1rem!important}.mobile-text-sm{font-size:.875rem!important}.mobile-modal{width:95%!important;max-height:90vh!important}.settings-button{position:absolute!important;right:1rem!important;top:1rem!important}}.desktop-only{display:block}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-layout{flex-direction:column!important}.settings-connection-status{flex-direction:column!important;align-items:stretch!important;gap:1.5rem!important}.settings-actions{width:100%;display:flex;flex-direction:column;gap:.8rem}.settings-actions button{width:100%;justify-content:center}.dashboard-container,.view-container{padding:1rem!important;gap:1.5rem!important}.dashboard-charts{grid-template-columns:1fr!important}}.dashboard-container,.view-container{display:flex;flex-direction:column;gap:2rem;padding:2rem;overflow-y:auto;height:100%}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.tabs-container{display:flex;gap:1rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;overflow-x:auto;flex-shrink:0}.calendar-wrapper{display:flex;height:100%;gap:1.5rem;padding:1.5rem;overflow:hidden}.calendar-main{flex:1;display:flex;flex-direction:column;background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--glass-border);background:#00000005}.calendar-grid-body{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(130px,auto);overflow-y:auto;align-content:start}.calendar-sidebar{width:300px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden;position:relative;flex-shrink:0}.calendar-sidebar.collapsed{width:40px}@media(max-width:768px){.calendar-wrapper{flex-direction:column;padding:.8rem;gap:1rem;height:auto;overflow-y:visible}.calendar-main{height:auto;overflow:visible;border:none;background:transparent}.calendar-grid-header{display:none}.calendar-grid-body{grid-template-columns:1fr;grid-auto-rows:auto;display:flex;flex-direction:column;gap:.8rem;overflow-y:visible}.calendar-empty-cell{display:none!important}.calendar-day-cell{border-right:none!important;border:1px solid var(--glass-border)!important;border-radius:8px;background:#fff!important;min-height:auto!important}.calendar-sidebar{width:100%!important;height:auto;order:-1;max-height:400px;border:1px solid var(--glass-border)}.calendar-sidebar.collapsed{width:100%!important;height:60px;overflow:hidden}}