*{margin:0;padding:0;box-sizing:border-box}:root{--bg-gradient-start:#667eea;--bg-gradient-end:#764ba2;--card-bg:#fff;--card-shadow:rgba(0,0,0,.3);--text-primary:#333;--text-secondary:#666;--border-color:#e0e0e0;--logs-bg:#f5f5f5;--logs-text:#333;--logs-border:#e0e0e0;--log-timestamp:#667eea;--log-info:#4caf50;--log-warning:#ff9800;--log-error:#f44336;--button-secondary-bg:#e0e0e0;--button-secondary-hover:#d0d0d0;--table-bg:#fff;--table-header-bg:#fafafa;--table-row-hover:#f5f5f5}body.dark-mode{--bg-gradient-start:#1a1a2e;--bg-gradient-end:#16213e;--card-bg:hsla(0,0%,100%,.05);--card-shadow:rgba(0,0,0,.5);--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--border-color:hsla(0,0%,100%,.1);--logs-bg:#0a0a0a;--logs-text:#f0f0f0;--logs-border:hsla(0,0%,100%,.1);--log-timestamp:#8b9dc3;--log-info:#50fa7b;--log-warning:#ffb86c;--log-error:#f55;--button-secondary-bg:hsla(0,0%,100%,.1);--button-secondary-hover:hsla(0,0%,100%,.15);--table-bg:hsla(0,0%,100%,.03);--table-header-bg:hsla(0,0%,100%,.08);--table-row-hover:hsla(0,0%,100%,.05)}body.dark-mode .ant-table{background:var(--table-bg)!important;color:var(--text-primary)!important}body.dark-mode .ant-table-thead>tr>th{background:var(--table-header-bg)!important}body.dark-mode .ant-table-tbody>tr>td,body.dark-mode .ant-table-thead>tr>th{color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}body.dark-mode .ant-table-tbody>tr:hover>td{background:var(--table-row-hover)!important}body.dark-mode .ant-table-pagination{color:var(--text-primary)!important}body.dark-mode .ant-pagination-item{background:var(--table-bg)!important;border-color:var(--border-color)!important}body.dark-mode .ant-pagination-item a{color:var(--text-primary)!important}body.dark-mode .ant-pagination-item-active{background:rgba(102,126,234,.2)!important;border-color:#667eea!important}body.dark-mode .ant-pagination-item-active a{color:#667eea!important}body.dark-mode .ant-select-selector{background:var(--table-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode .ant-empty-description{color:var(--text-secondary)!important}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background .5s ease,color .5s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes sunPulse{0%,to{box-shadow:0 0 20px rgba(255,215,0,.4)}50%{box-shadow:0 0 30px rgba(255,215,0,.6)}}@keyframes moonGlow{0%,to{box-shadow:0 0 20px rgba(147,197,253,.4)}50%{box-shadow:0 0 30px rgba(147,197,253,.6)}}.sleep-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);border:3px solid orange;color:#ff8c00;box-shadow:0 0 20px rgba(255,215,0,.4);animation:sunPulse 2s ease-in-out infinite;flex-shrink:0}.sleep-icon.sleeping{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:3px solid #60a5fa;color:#93c5fd;box-shadow:0 0 20px rgba(147,197,253,.4);animation:moonGlow 2s ease-in-out infinite}.sleep-state{font-size:1.8rem;font-weight:700;margin-bottom:8px;color:orange;text-shadow:0 0 10px rgba(255,165,0,.3)}.sleep-state.sleeping{color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.3)}.sleep-details{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-bottom:8px;transition:color .5s ease}.countdown-timer{font-size:1.4rem;font-weight:700;color:#667eea;font-family:Consolas,Monaco,monospace;letter-spacing:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#ff00d4);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#00b8e6,#e600b8)}*{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body,html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body{transform:translateZ(0);-webkit-transform:translateZ(0)}