:root{--background-color: #f4f7f6;--card-background: #ffffff;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--header-background: #4a6fa5;--header-text: #ffffff;--accent-color: #4a6fa5;--border-color: #ecf0f1;--shadow-color: rgba(0,0,0,.05)}[data-theme=dark]{--background-color: #2c3e50;--card-background: #34495e;--text-primary: #9ba8ab;--text-secondary: #bdc3c7;--header-background: #1f2b38;--header-text: #ecf0f1;--accent-color: #5dade2;--border-color: #34495e;--shadow-color: rgba(0,0,0,.2)}.App{width:100%}body{background-color:var(--background-color);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s}.App{text-align:center}.App-header{background-color:var(--header-background);padding:15px 20px;color:var(--header-text);box-shadow:0 2px 4px var(--shadow-color);display:flex;justify-content:space-between;align-items:center}.App-header h1{flex-grow:1;text-align:center;margin-right:-48px}@media (max-width: 768px){.App-header h1{margin-right:0;text-align:left}}.sleep-time-inputs{display:flex;gap:10px}.theme-toggle{background:transparent;border:1px solid transparent;color:var(--header-text);padding:5px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:38px;transition:background-color .2s}.theme-toggle:hover{background-color:#ffffff1a}main{padding:10px}.login-container{padding-top:50px}.login-button{background-color:var(--accent-color);color:var(--header-text);border:none;padding:12px 24px;font-size:1rem;border-radius:5px;cursor:pointer;transition:opacity .2s}.login-button:hover{opacity:.9}.user-info{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:var(--card-background);border-radius:8px;margin-bottom:20px;box-shadow:0 4px 8px var(--shadow-color)}.user-info p{margin:0;font-size:.9rem;color:var(--text-secondary)}.user-info .logout-button{background-color:#c0392b;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;transition:background-color .2s}.user-info .logout-button:hover{background-color:#a93226}.loading-container{display:flex;justify-content:center;align-items:center;height:50vh}.summary-container{display:flex;justify-content:space-around;gap:10px;margin-bottom:20px;flex-wrap:wrap}.summary-card{background:var(--card-background);padding:15px;border-radius:8px;box-shadow:0 4px 8px var(--shadow-color);flex-grow:1;min-width:150px;text-align:center;transition:background-color .3s}.summary-card h2{margin:0;font-size:2rem;color:var(--accent-color)}.summary-card p{margin:5px 0 0;color:var(--text-secondary);font-size:.9rem}.filters-container{display:flex;flex-direction:column;gap:15px;padding:20px;background-color:var(--card-background);border-radius:8px;margin-bottom:20px;box-shadow:0 4px 8px var(--shadow-color);transition:background-color .3s}.filter-item{display:flex;flex-direction:column;align-items:stretch;width:100%}.filter-item label{text-align:left;font-size:.9rem;color:var(--text-secondary);margin-bottom:5px}.filter-item input[type=date],.filter-item input[type=datetime-local],.filter-item input[type=number],.filter-item select{width:100%;padding:5px;border-radius:5px;border:1px solid var(--border-color);background-color:var(--background-color);color:var(--text-primary);font-size:1rem}.reset-button{padding:10px 20px;border:none;background-color:#c0392b;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .2s;width:100%}@media (min-width: 992px){.filters-container{flex-direction:row;align-items:flex-end}.filter-item{flex-grow:1}.reset-button{width:auto;flex-shrink:0}}.chart-container{margin-bottom:20px;background:var(--card-background);padding:10px;border-radius:8px;box-shadow:0 4px 8px var(--shadow-color);transition:background-color .3s}.recharts-text,.recharts-legend-item-text{fill:var(--text-primary)!important}.recharts-cartesian-axis-tick-value{fill:var(--text-secondary)!important}.recharts-cartesian-grid-line{stroke:var(--border-color)!important}.table-container{margin:20px auto;max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--card-background);box-shadow:0 4px 8px var(--shadow-color);transition:background-color .3s}th,td{border:1px solid var(--border-color);padding:10px;text-align:left;font-size:.9rem;transition:border-color .3s}th{background-color:var(--background-color);font-weight:600;transition:background-color .3s}.table-container td .edit-button,.table-container td .save-button,.table-container td .cancel-button,.table-container td .delete-button{border:none;padding:6px 12px;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-right:5px}.table-container td .edit-button{background-color:var(--accent-color)}.table-container td .save-button{background-color:#27ae60}.table-container td .cancel-button{background-color:#7f8c8d}.table-container td .delete-button{background-color:#c0392b}.table-container td input[type=text]{width:90%;padding:6px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-color);color:var(--text-primary)}.add-entry-container{border-left:4px solid var(--accent-color)}.add-button{padding:10px 20px;height:43px;border:none;background-color:#27ae60;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .2s;flex-shrink:0;align-self:flex-end}@media (max-width: 991px){.add-button{width:100%}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}