.logo{display:flex;align-items:center;justify-content:center}.logo svg{transition:transform .3s ease}.logo:hover svg{transform:scale(1.1)}.header{position:fixed;top:0;left:0;right:0;height:60px;background-color:var(--bg-secondary);border-bottom:2px solid var(--accent-burgundy);box-shadow:0 2px 4px #0000001a;z-index:1000;display:flex;align-items:center;padding:0 1rem}.header-content{display:flex;align-items:center;width:100%;max-width:1400px;margin:0;position:relative;gap:1rem}@media (min-width: 769px){.header-content{gap:0}.header-content .menu-toggle{display:none!important;width:0;padding:0;margin:0}.header-title{margin-left:1rem}}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.75rem;z-index:1001;position:relative;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;align-items:center;justify-content:center;touch-action:manipulation;flex-shrink:0}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;justify-content:space-between}.hamburger span{display:block;height:3px;width:100%;background-color:var(--accent-burgundy);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.header-title{font-size:1.5rem;font-weight:600;color:var(--accent-burgundy);margin:0}@media (max-width: 768px){.header{align-items:center}.header-content{margin:0 auto}.menu-toggle{display:flex}.header-title{font-size:1.25rem;margin-left:.5rem}}.sidebar{position:fixed;left:0;top:60px;width:250px;height:calc(100vh - 60px);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem 0;overflow-y:auto;z-index:999;transition:transform .3s ease}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{margin:0}.sidebar-link{display:block;padding:1rem 2rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.sidebar-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-link.active{background-color:var(--bg-tertiary);color:var(--accent-burgundy);border-left-color:var(--accent-burgundy);font-weight:600}@media (max-width: 768px){.sidebar{width:280px;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.sidebar.open{transform:translate(0)!important}.sidebar-link{padding:1.25rem 2rem;border-left:3px solid transparent}.sidebar-link.active{border-left-color:var(--accent-burgundy);border-bottom:none}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem 2rem;text-align:center;margin-top:auto}.footer-text{color:var(--text-secondary);font-size:.9rem;margin:0}:root[data-theme=light]{--bg-primary: #f5f0f0;--bg-secondary: #ffffff;--bg-tertiary: #e8d8d8;--text-primary: #2d1b1b;--text-secondary: #5a3a3a;--accent-burgundy: #8b3a3a;--accent-burgundy-dark: #6b2a2a;--accent-burgundy-light: #b85a5a;--border-color: #d4c4c4;--shadow: rgba(139, 58, 58, .1)}:root[data-theme=dark]{--bg-primary: #1a0f0f;--bg-secondary: #2d1b1b;--bg-tertiary: #3d2525;--text-primary: #f5e8e8;--text-secondary: #d4c4c4;--accent-burgundy: #b85a5a;--accent-burgundy-dark: #8b3a3a;--accent-burgundy-light: #d47a7a;--border-color: #4d3535;--shadow: rgba(0, 0, 0, .3)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-content{display:flex;flex:1;margin-top:60px;position:relative}.main-content{flex:1;padding:2rem;margin-left:250px;overflow-y:auto;transition:margin-left .3s ease}.sidebar-overlay{display:none}@media (max-width: 768px){.layout-content{flex-direction:row}.main-content{margin-left:0;padding:1rem;width:100%}.sidebar-overlay{display:block;position:fixed;top:60px;left:0;right:0;bottom:0;background-color:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}}.page{max-width:900px;margin:0 auto}.page-title{font-size:2.5rem;color:var(--accent-burgundy);margin-bottom:2rem;font-weight:700}.info-section{margin-bottom:3rem;background-color:var(--bg-secondary);padding:2rem;border-radius:8px;border:1px solid var(--border-color)}.section-title{font-size:1.8rem;color:var(--accent-burgundy);margin-bottom:1.5rem;font-weight:600}.subsection-title{font-size:1.4rem;color:var(--accent-burgundy);margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.section-text{font-size:1.1rem;line-height:1.8;color:var(--text-primary);margin-bottom:1rem}.section-list{margin:1.5rem 0;padding-left:2rem;color:var(--text-primary)}.section-list li{margin-bottom:.75rem;line-height:1.6}.section-list strong{color:var(--accent-burgundy)}@media (max-width: 768px){.page{padding:0}.page-title{font-size:1.75rem;margin-bottom:1.5rem}.section-title{font-size:1.25rem;margin-bottom:1rem}.section-text{font-size:.95rem;line-height:1.6}.info-section{padding:1.25rem;margin-bottom:1.5rem}.subsection-title{font-size:1.1rem;margin-top:1rem;margin-bottom:.75rem}}.box-breathing-page{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.breathing-container{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:600px}.square-container{width:100%;max-width:400px;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.breathing-square{width:100%;height:100%}.breathing-indicator{transition:none;filter:drop-shadow(0 0 4px var(--accent-burgundy))}.instruction-container{text-align:center}.instruction-text{font-size:2.5rem;font-weight:600;color:var(--accent-burgundy);margin:0;min-height:3.5rem}.controls{display:flex;gap:1rem}.control-button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#fff}.start-button{background-color:var(--accent-burgundy)}.start-button:hover{background-color:var(--accent-burgundy-dark);transform:scale(1.05)}.stop-button{background-color:var(--accent-burgundy-dark)}.stop-button:hover{background-color:var(--accent-burgundy);transform:scale(1.05)}@media (max-width: 768px){.box-breathing-page{padding:1rem .5rem;min-height:auto}.breathing-container{gap:2rem}.square-container{max-width:100%;width:100%;padding:0 1rem;aspect-ratio:1;min-height:auto}.instruction-text{font-size:1.75rem;min-height:2.5rem}.control-button{padding:.875rem 1.75rem;font-size:1rem;width:100%;max-width:200px}.page-title{font-size:1.75rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.square-container{max-width:500px}}.settings-page{max-width:800px;margin:0 auto}.settings-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;margin-bottom:2rem}.section-title{font-size:1.5rem;color:var(--accent-burgundy);margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--accent-burgundy)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.auth-form{max-width:400px}.submit-button,.save-button,.logout-button{padding:.75rem 1.5rem;background-color:var(--accent-burgundy);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover,.save-button:hover{background-color:var(--accent-burgundy-dark);transform:translateY(-2px)}.submit-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.logout-button{background-color:var(--accent-burgundy-dark);margin-top:1rem}.logout-button:hover{background-color:var(--accent-burgundy)}.auth-switch{margin-top:1rem;text-align:center;color:var(--text-secondary)}.link-button{background:none;border:none;color:var(--accent-burgundy);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.link-button:hover{color:var(--accent-burgundy-dark)}.user-info{color:var(--text-primary)}@media (max-width: 768px){.settings-page{padding:0}.settings-section{padding:1.25rem;margin-bottom:1.5rem}.section-title{font-size:1.25rem;margin-bottom:1rem}.form-group{margin-bottom:1.25rem}.box-breathing-settings{grid-template-columns:1fr;gap:1rem}.auth-form{padding:0}.submit-button,.save-button,.logout-button{width:100%}}.box-breathing-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.message{padding:1rem;border-radius:4px;margin-bottom:1.5rem;font-weight:500}.message-success{background-color:#8b3a3a1a;color:var(--accent-burgundy);border:1px solid var(--accent-burgundy)}.message-error{background-color:#c800001a;color:#d32f2f;border:1px solid #d32f2f}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.download-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--accent-burgundy);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.download-button:hover{background-color:var(--accent-burgundy-dark)}.download-button svg{width:20px;height:20px}.sessions-table-container{overflow-x:auto;margin-top:2rem}.sessions-table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);border-radius:8px;overflow:hidden}.sessions-table thead{background-color:var(--accent-burgundy);color:#fff}.sessions-table th{padding:1rem;text-align:left;font-weight:600}.sessions-table td{padding:1rem;border-top:1px solid var(--border-color);color:var(--text-primary)}.sessions-table tbody tr:hover{background-color:var(--bg-primary)}.sessions-table tbody tr:last-child td{border-bottom:none}.error-message{color:var(--accent-burgundy);font-weight:500}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.download-button{width:100%;justify-content:center}.sessions-table-container{margin-top:1rem;-webkit-overflow-scrolling:touch}.sessions-table{font-size:.85rem;min-width:600px}.sessions-table th,.sessions-table td{padding:.75rem .5rem;white-space:nowrap}.sessions-table th:first-child,.sessions-table td:first-child{position:sticky;left:0;background-color:var(--accent-burgundy);color:#fff;z-index:10}.sessions-table tbody td:first-child{background-color:var(--bg-secondary);color:var(--text-primary)}}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.admin-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;color:var(--text-secondary);transition:all .2s ease;margin-bottom:-2px}.admin-tab:hover{color:var(--accent-burgundy);background-color:var(--bg-tertiary)}.admin-tab.active{color:var(--accent-burgundy);border-bottom-color:var(--accent-burgundy);font-weight:600}.admin-table-container{overflow-x:auto;margin-top:1rem}.admin-table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);border-radius:8px;overflow:hidden}.admin-table thead{background-color:var(--accent-burgundy);color:#fff}.admin-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem}.admin-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-size:.9rem}.admin-table tbody tr:hover{background-color:var(--bg-tertiary)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-filter{margin-bottom:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.admin-filter label{display:flex;align-items:center;gap:.5rem;font-weight:500}.admin-filter input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background-color:var(--bg-primary);color:var(--text-primary)}.admin-filter input:focus{outline:none;border-color:var(--accent-burgundy)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0;padding:1rem;background-color:var(--bg-secondary);border-radius:8px}.pagination-button{padding:.5rem 1rem;background-color:var(--accent-burgundy);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--accent-burgundy-dark)}.pagination-button:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.pagination-info{font-size:.9rem;color:var(--text-secondary)}@media (max-width: 768px){.admin-tabs{flex-wrap:wrap}.admin-tab{padding:.5rem 1rem;font-size:.9rem}.admin-table-container{font-size:.8rem}.admin-table th,.admin-table td{padding:.5rem}.pagination{flex-direction:column;gap:.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}