.mode-tabs{display:flex;gap:10px;margin-bottom:20px}
.mode-tab{flex:1}
.mode-tab.active{background:#3592e2;color:#fff;border-color:#3592e2}
.wake-card{padding:15px;border-radius:3px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.wake-card .time{font-size:22px;font-weight:700}
.wake-card .info{font-size:13px}
.wake-card.best{background:#e8f5e9;border-left:4px solid #4caf50}
.wake-card.best .time{color:#2e7d32}
.wake-card.good{background:#fff8e1;border-left:4px solid #ffc107}
.wake-card.good .time{color:#f57f17}
.wake-card.ok{background:#fff3e0;border-left:4px solid #F78015}
.wake-card.ok .time{color:#e65100}
.wake-card.bad{background:#fce4ec;border-left:4px solid #e53935}
.wake-card.bad .time{color:#c62828}
.cycle-table{background:#f9f9f9;border-radius:3px;padding:15px}
.cycle-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:13px}
.cycle-row:last-child{border-bottom:none}
.cycle-row.highlight{background:#e8f4fd;margin:-5px -15px;padding:10px 15px;border-radius:3px}
.cycles{font-weight:700;color:#333}
.hours{color:#888}
@media(max-width:768px){
.mode-tabs{flex-direction:column}
}