.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec6c5e,#7b2f1e);padding:20px}.auth-card{max-width:450px;width:100%}.auth-card h1{color:#333;margin-bottom:8px;font-size:2rem}.auth-subtitle{color:#666;margin-bottom:32px}.btn-full{width:100%;margin-top:8px}.auth-footer{text-align:center;margin-top:24px;color:#666}.auth-footer a{color:#4caf50;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.back-arrow{background:none;border:none;color:#666;cursor:pointer;font-size:.95rem;padding:0;margin-bottom:16px;display:inline-flex;align-items:center;transition:color .2s}.back-arrow:hover{color:#4caf50}body.dark-mode .auth-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}body.dark-mode .auth-card h1,body.dark-mode .auth-subtitle,body.dark-mode .auth-footer{color:#fff}body.dark-mode .auth-footer a{color:#ff6b6b}body.dark-mode .back-arrow{color:#fff}body.dark-mode .back-arrow:hover{color:#ff6b6b}.focus-time-graph{width:100%;margin-top:1.5rem}.graph-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.time-range-toggle{display:flex;gap:.5rem}.range-btn{padding:.5rem 1rem;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.range-btn:hover{border-color:#c23838;color:#c23838}.range-btn.active{background:#c23838;border-color:#c23838;color:#fff}.category-filter{display:flex;align-items:center;gap:.5rem}.category-filter label{font-weight:500;margin:0}.category-filter .input{min-width:200px}.graph-container{display:flex;gap:1rem;height:400px}.graph-y-axis{display:flex;align-items:center;justify-content:center;width:40px}.y-axis-label{transform:rotate(-90deg);white-space:nowrap;font-size:.875rem;font-weight:500;color:#666}.graph-chart{flex:1;display:flex;flex-direction:column}.graph-bars{flex:1;display:flex;align-items:flex-end;gap:4px;padding:1rem 0;border-bottom:2px solid #ddd;border-left:2px solid #ddd}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 2px}.bar{width:100%;max-width:50px;background:linear-gradient(to top,#c23838,#e84545);border-radius:4px 4px 0 0;min-height:2px;transition:all .3s;cursor:pointer;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:4px}.bar:hover{opacity:.8;transform:translateY(-2px)}.bar-value{font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.bar-label{margin-top:.5rem;font-size:.75rem;color:#666;transform:rotate(-45deg);transform-origin:top left;white-space:nowrap;min-height:40px;display:flex;align-items:flex-start}.graph-loading,.graph-empty{padding:3rem;text-align:center;color:#666;background:#f9f9f9;border-radius:8px}.graph-empty p{margin:0;font-size:.95rem}@media (max-width: 768px){.graph-controls{flex-direction:column;align-items:stretch}.time-range-toggle{justify-content:space-between}.category-filter{flex-direction:column;align-items:stretch}.category-filter .input{width:100%}.graph-container{height:300px}.bar-value{font-size:.6rem}.bar-label{font-size:.65rem}.custom-date-range{flex-direction:column}.date-input-group,.date-input-group .input{width:100%}}.custom-date-range{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border-radius:8px}.date-input-group{display:flex;align-items:center;gap:.5rem;flex:1}.date-input-group label{font-weight:500;white-space:nowrap}.date-input-group .input{flex:1;min-width:150px}body.dark-mode .custom-date-range{background:#2d2d2d}.dashboard h1{margin-bottom:2rem;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.category-progress{margin-top:1rem}.stat-card{text-align:center}.stat-card h3{color:#666;font-size:1rem;margin-bottom:1rem}.stat-value{font-size:2.5rem;font-weight:700;color:#c23838;margin-bottom:.5rem}.stat-label{color:#999;font-size:.9rem}.quick-actions{display:flex;gap:1rem;margin-bottom:2rem}.btn-large{flex:1;padding:1rem 2rem;font-size:1.1rem;text-align:center;text-decoration:none;display:block}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9f9f9;border-radius:8px}.session-info{display:flex;flex-direction:column;gap:.25rem}.session-category{font-weight:600;color:#333}.session-date{font-size:.85rem;color:#666}.session-duration{font-size:1.2rem;font-weight:600;color:#c23838}.empty-state{text-align:center;color:#999;padding:2rem}.category-progress{display:flex;flex-direction:column;gap:1.5rem}.progress-item{display:flex;flex-direction:column;gap:.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-category{font-weight:600;color:#333}.progress-time{color:#c23838;font-weight:500}.progress-goal{color:#999}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#c23838;transition:width .3s ease}.loading{text-align:center;padding:4rem;color:#666;font-size:1.2rem}body.dark-mode .dashboard h1,body.dark-mode .dashboard h2,body.dark-mode .dashboard h3{color:#fff}body.dark-mode .stat-card h3{color:#b0b0b0}body.dark-mode .stat-label{color:#888}body.dark-mode .session-item{background:#1e1e1e}body.dark-mode .session-category{color:#fff}body.dark-mode .session-date{color:#b0b0b0}body.dark-mode .progress-category{color:#fff}body.dark-mode .progress-goal{color:#b0b0b0}body.dark-mode .loading,body.dark-mode .empty-state{color:#b0b0b0}body.dark-mode .card h2{color:#fff}body.dark-mode .card>div>div[style*="padding: 1rem"]{background:#1e1e1e!important;border-color:#444!important}body.dark-mode .card h3[style*="color: #c23838"],body.dark-mode .card p[style*="color: #666"],body.dark-mode .card span[style*="color: #666"],body.dark-mode .card label span[style*="color: #666"],body.dark-mode .card span[style*="fontSize: 0.75rem"],body.dark-mode .card label span,body.dark-mode .card p,body.dark-mode .card span{color:#fff!important}body.dark-mode .card div[style*="backgroundColor: #e0e0e0"]{background-color:#444!important}.timer-page h1{margin-bottom:2rem;color:#333}.timer-card{max-width:600px;margin:0 auto 2rem;text-align:center}.timer-display{font-size:5rem;font-weight:700;color:#c23838;margin:2rem 0;font-variant-numeric:tabular-nums;font-family:Courier New,monospace}.timer-display.timer-break{color:#2196f3}.timer-status{margin-bottom:2rem;font-size:1.1rem}.status-running{color:#c23838;font-weight:600}.status-paused{color:#ff9800;font-weight:600}.status-break{color:#2196f3;font-weight:600}.status-ready{color:#666}.timer-controls{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.timer-controls .btn-large{min-width:150px}.timer-tips{max-width:600px;margin:0 auto}.timer-tips h3{margin-bottom:1rem;color:#333}.timer-tips ul{list-style:none;padding:0}.timer-tips li{padding:.75rem 0;border-bottom:1px solid #eee}.timer-tips li:last-child{border-bottom:none}.pomodoro-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.timer-info-box{margin-top:1.5rem;padding:1rem;background:#f9f9f9;border-radius:8px}.manual-entry-description{margin-bottom:1.5rem;color:#666}body.dark-mode .timer-info-box{background:#1e1e1e;color:#fff}body.dark-mode .manual-entry-description{color:#fff}.goals-page h1{margin-bottom:2rem;color:#333}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.goals-list{display:flex;flex-direction:column;gap:1rem}.goal-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9f9f9;border-radius:8px}.card h2{margin-bottom:1rem}.goal-info{display:flex;flex-direction:column;gap:.25rem}.goal-category{font-weight:600;color:#333;font-size:1.1rem}.goal-target{color:#c23838;font-weight:500}.goals-tips{max-width:800px;margin:0 auto}.goals-tips h3{margin-bottom:1rem;color:#333}.goals-tips ul{list-style:none;padding:0}.goals-tips li{padding:.75rem 0;border-bottom:1px solid #eee}.goals-tips li:last-child{border-bottom:none}@media (max-width: 768px){.goals-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 6px #0000001a}.modal-content h3{margin-top:0;margin-bottom:1rem;color:#333}.modal-content p{color:#666;line-height:1.5}body.dark-mode .modal-content{background:#2d2d2d}body.dark-mode .modal-content h3{color:#e0e0e0}body.dark-mode .modal-content p{color:#b0b0b0}.calendar-page{--hour-height: 60px;--gutter-width: 56px;--grid-line: #e6e6e6}.calendar-page h1{margin-bottom:1.5rem;color:#333}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.calendar-nav{display:flex;align-items:center;gap:.5rem}.calendar-nav-btn{background:#fff;color:#333;border:2px solid #ddd;padding:6px 14px}.calendar-nav-btn:hover{border-color:#c23838;color:#c23838}.calendar-range{margin-left:.75rem;font-size:1.25rem;color:#333}.calendar-jump{display:flex;align-items:center;gap:.5rem}.calendar-jump label{font-weight:500;color:#555;white-space:nowrap}.calendar-jump .input{width:auto;padding:8px 12px}.calendar-summary{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:.75rem}.calendar-total{font-weight:600;color:#c23838}.calendar-legend{display:flex;gap:1rem;flex-wrap:wrap;color:#555;font-size:.9rem}.calendar-legend-item{display:inline-flex;align-items:center;gap:.4rem}.calendar-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;flex-shrink:0}.calendar-detail{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-height:1.5rem;margin-bottom:.75rem;color:#666;font-size:.95rem}.calendar-detail strong{color:#333}.calendar-detail-btn{padding:4px 12px;font-size:.85rem}.calendar-card,.calendar-summary{transition:opacity .15s}.calendar-page.is-loading .calendar-card,.calendar-page.is-loading .calendar-summary{opacity:.6;transition:opacity .2s .4s}.calendar-draft{text-align:left}.calendar-draft-duration{display:flex;gap:.5rem}.calendar-draft-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.calendar-card{padding:0;overflow:hidden}.calendar-scroll-x{overflow-x:auto}.calendar-grid{min-width:720px}.calendar-header,.calendar-body-inner{display:grid;grid-template-columns:var(--gutter-width) repeat(7,minmax(0,1fr))}.calendar-header{border-bottom:1px solid var(--grid-line);scrollbar-gutter:stable;overflow-y:hidden}.calendar-day-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-left:1px solid var(--grid-line)}.calendar-weekday{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#888}.calendar-date{font-weight:600;color:#333}.calendar-day-header.today .calendar-date{color:#c23838}.calendar-day-total{font-size:.8rem;color:#666;font-variant-numeric:tabular-nums}.calendar-body{max-height:calc(var(--hour-height) * 11);overflow-y:auto;scrollbar-gutter:stable}.calendar-body-inner{height:calc(var(--hour-height) * 24)}.calendar-hour-label{height:var(--hour-height);padding-right:8px;text-align:right;font-size:.7rem;color:#888;transform:translateY(-.5em)}.calendar-day{position:relative;cursor:cell;border-left:1px solid var(--grid-line);background-image:linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:100% var(--hour-height)}.calendar-day.today{background-color:#c238380a}.calendar-block{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:2px 5px;border:1px solid white;border-radius:4px;color:#fff;font-family:inherit;font-size:.72rem;line-height:1.2;text-align:left;overflow:hidden;cursor:pointer}.calendar-block:hover,.calendar-block.selected{filter:brightness(1.15);z-index:2}.calendar-block.selected{box-shadow:0 0 0 2px #333}.calendar-block-title{max-width:100%;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-block-time{max-width:100%;opacity:.9;white-space:nowrap;overflow:hidden}.calendar-block.compact{flex-direction:row;align-items:center;gap:6px;padding:0 5px}.calendar-block.compact .calendar-block-title{flex:0 1 auto;min-width:0}.calendar-block.compact .calendar-block-time{flex:0 100 auto;min-width:0}.calendar-now{position:absolute;left:0;right:0;height:2px;background:#c23838;z-index:3;pointer-events:none}.calendar-now:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#c23838}body.dark-mode .calendar-page{--grid-line: #333}body.dark-mode .calendar-page h1,body.dark-mode .calendar-range,body.dark-mode .calendar-date,body.dark-mode .calendar-detail strong{color:#fff}body.dark-mode .calendar-nav-btn{background:#1e1e1e;color:#e0e0e0;border-color:#444}body.dark-mode .calendar-nav-btn:hover{border-color:#ff6b6b;color:#ff6b6b}body.dark-mode .calendar-jump label,body.dark-mode .calendar-legend,body.dark-mode .calendar-detail,body.dark-mode .calendar-day-total{color:#b0b0b0}body.dark-mode .calendar-total,body.dark-mode .calendar-day-header.today .calendar-date{color:#ff6b6b}body.dark-mode .calendar-day.today{background-color:#ff6b6b0f}body.dark-mode .calendar-block{border-color:#1e1e1e}body.dark-mode .calendar-block.selected{box-shadow:0 0 0 2px #fff}body.dark-mode .calendar-now,body.dark-mode .calendar-now:before{background:#ff6b6b}.leaderboard-page{max-width:1200px;margin:0 auto}.leaderboard-page h1{margin-bottom:2rem;color:#333}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:1rem}.leaderboard-table th{background:#f5f5f5;padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid #ddd;color:#333}.leaderboard-table td{padding:1rem;border-bottom:1px solid #eee}.leaderboard-table tbody tr:hover{background:#f9f9f9}.rank-col{width:80px;text-align:center}.email-col{min-width:200px}.stat-col{text-align:center;min-width:120px}.rank-badge{font-size:1.2rem;font-weight:700}.rank-1{background:#fff9e6}.rank-2{background:#f5f5f5}.rank-3{background:#fff4e6}body.dark-mode .leaderboard-page h1{color:#fff}body.dark-mode .leaderboard-table th{background:#2a2a2a;border-bottom:2px solid #444;color:#fff}body.dark-mode .leaderboard-table td{border-bottom:1px solid #444;color:#fff}body.dark-mode .leaderboard-table tbody tr:hover{background:#2a2a2a}body.dark-mode .rank-1{background:#3a3520}body.dark-mode .rank-2{background:#2a2a2a}body.dark-mode .rank-3{background:#3a2f20}body.dark-mode .leaderboard-page h2,body.dark-mode .leaderboard-page p,body.dark-mode .leaderboard-page li{color:#fff}.settings-page{max-width:800px;margin:0 auto}.settings-page h1{margin-bottom:2rem;color:#333}.settings-section{margin-bottom:2.5rem}.settings-section h2{font-size:1.3rem;margin-bottom:1rem;color:#333}.settings-section p{color:#666;margin-bottom:1rem;line-height:1.6}.settings-option{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9f9f9;border-radius:8px;margin-bottom:1rem}.settings-option-info{flex:1}.settings-option-info h3{font-size:1.1rem;margin-bottom:.25rem;color:#333}.settings-option-info p{font-size:.9rem;color:#666;margin:0}.toggle-switch{position:relative;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#c23838}.toggle-switch input:checked+.toggle-slider:before{transform:translate(30px)}.alert{padding:1rem;border-radius:8px;margin-top:1rem}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.data-management-buttons{display:flex;gap:1rem;margin-bottom:1rem}.settings-note{font-size:.85rem;color:#666;font-style:italic;margin-top:.5rem}body.dark-mode .settings-note{color:#b0b0b0}body.dark-mode{background:#121212;color:#fff}body.dark-mode .card{background:#1e1e1e;box-shadow:0 2px 8px #00000080}body.dark-mode .navbar{background:#1e1e1e;box-shadow:0 2px 4px #00000080}body.dark-mode .nav-link{color:#fff}body.dark-mode .nav-link:hover{background:#2a2a2a}body.dark-mode .nav-brand h2{color:#ff6b6b}body.dark-mode .user-id,body.dark-mode .settings-page h1,body.dark-mode .settings-section h2,body.dark-mode .settings-option-info h3,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode .settings-section p,body.dark-mode .settings-option-info p{color:#fff}body.dark-mode .settings-option{background:#1e1e1e}body.dark-mode .input,body.dark-mode select{background:#2a2a2a;color:#fff;border-color:#444}body.dark-mode .input:focus{border-color:#ff6b6b}body.dark-mode .goal-item,body.dark-mode .session-item,body.dark-mode .progress-item{background:#1e1e1e}body.dark-mode .goal-category,body.dark-mode .session-category,body.dark-mode .progress-category,body.dark-mode .stat-card h3,body.dark-mode .form-group label,body.dark-mode .empty-state,body.dark-mode .loading{color:#fff}body.dark-mode .graph-empty{background:#1e1e1e}body.dark-mode .alert-success{background:#2a4d2e;color:#a8f5b8;border-color:#3d6b41}body.dark-mode .alert-error{background:#5a2f33;color:#ffb3bb;border-color:#7b3c41}body.dark-mode .success{color:#a8f5b8}body.dark-mode .error{color:#ffb3bb}body.dark-mode .floating-timer{background:#1e1e1e;border-color:#ff6b6b}body.dark-mode .floating-timer-label{color:#fff}body.dark-mode .btn-delete{color:#ffb3bb}body.dark-mode .btn-delete:hover{background:#5a2f33}body.dark-mode .range-btn{background:#1e1e1e;border-color:#444;color:#fff}body.dark-mode .range-btn:hover{border-color:#ff6b6b;color:#ff6b6b}body.dark-mode .range-btn.active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}body.dark-mode .timer-display.timer-break,body.dark-mode .status-break{color:#90caf9}body.dark-mode .floating-timer.break-mode{border-color:#90caf9}body.dark-mode .floating-timer.break-mode .floating-timer-time{color:#90caf9}body.dark-mode .progress-bar{background:#444}body.dark-mode select option{background:#1e1e1e;color:#fff}body.dark-mode .floating-timer-cycle,body.dark-mode .session-date,body.dark-mode .stat-label,body.dark-mode .progress-goal,body.dark-mode .status-ready{color:#fff}body.dark-mode .status-paused{color:#ff9800}body.dark-mode .graph-x-label,body.dark-mode .y-axis-label{color:#fff}body.dark-mode svg text{fill:#fff}.layout{min-height:100vh;display:flex;flex-direction:row;position:relative}.sidebar-toggle{position:fixed;bottom:20px;left:20px;z-index:1200;background:#c23838;color:#fff;border:none;border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-size:1.2rem;transition:all .3s;box-shadow:0 2px 8px #00000026}.sidebar-toggle:hover{background:#a52f2f;transform:scale(1.05)}.sidebar{position:fixed;left:0;top:0;height:100vh;width:250px;background:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;transition:transform .3s ease;z-index:1000}.sidebar-open{transform:translate(0)}.sidebar-closed{transform:translate(-250px)}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid #e0e0e0}.sidebar-header .sidebar-logout-btn{margin-top:.75rem;margin-bottom:0}.sidebar-brand{color:#c23838;font-size:1.5rem;margin:0 0 .5rem}.sidebar-user{color:#666;font-size:.85rem;display:block}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem}.sidebar-link{color:#333;text-decoration:none;font-weight:500;padding:.75rem 1rem;transition:all .2s;border-left:3px solid transparent}.sidebar-link:hover{background:#f5f5f5;border-left-color:#c23838}.sidebar-link.active{background:#fff5f5;border-left-color:#c23838;color:#c23838}.sidebar-link.selected{background:#e8e8e8;box-shadow:inset 0 0 0 2px #c23838}.sidebar-footer{padding:1rem;border-top:1px solid #e0e0e0}.sidebar-logout-btn{width:100%;padding:.75rem;background:#c23838;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s;margin-bottom:1rem}.sidebar-logout-btn:hover{background:#a52f2f}.sidebar-hint{font-size:.75rem;color:#999;margin-top:.25rem;text-align:center}.hint-key{background:#f0f0f0;padding:.1rem .4rem;border-radius:3px;font-family:monospace;font-weight:700;color:#333}.main-content{flex:1;padding:2rem;transition:margin-left .3s ease}.main-content.with-sidebar{margin-left:250px}.main-content.without-sidebar{margin-left:0}.floating-timer{position:fixed;bottom:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:1rem 1.5rem;z-index:1000;min-width:150px;border:2px solid #c23838}.floating-timer.break-mode{border-color:#2196f3}.floating-timer-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.floating-timer-label{font-size:.85rem;color:#666;font-weight:600}.floating-timer-time{font-size:1.5rem;font-weight:700;color:#c23838;font-family:Courier New,monospace}.floating-timer.break-mode .floating-timer-time{color:#2196f3}.floating-timer-cycle{font-size:.75rem;color:#999}body.dark-mode .sidebar{background:#1e1e1e;box-shadow:2px 0 8px #00000080}body.dark-mode .sidebar-header{border-bottom-color:#333}body.dark-mode .sidebar-brand{color:#ff6b6b}body.dark-mode .sidebar-user{color:#b0b0b0}body.dark-mode .sidebar-link{color:#e0e0e0}body.dark-mode .sidebar-link:hover{background:#2a2a2a;border-left-color:#ff6b6b}body.dark-mode .sidebar-link.active{background:#3a2020;border-left-color:#ff6b6b;color:#ff6b6b}body.dark-mode .sidebar-link.selected{background:#3a3a3a;box-shadow:inset 0 0 0 2px #ff6b6b}body.dark-mode .sidebar-footer{border-top-color:#333}body.dark-mode .sidebar-logout-btn{background:#ff6b6b}body.dark-mode .sidebar-logout-btn:hover{background:#e05555}body.dark-mode .sidebar-toggle{background:#ff6b6b}body.dark-mode .sidebar-toggle:hover{background:#e05555}body.dark-mode .hint-key{background:#2a2a2a;color:#e0e0e0}body.dark-mode .sidebar-hint{color:#b0b0b0}@media (max-width: 768px){.sidebar{width:200px}.sidebar-closed{transform:translate(-200px)}.main-content.with-sidebar{margin-left:0}.sidebar-open{box-shadow:2px 0 8px #0000004d,0 0 0 9999px #00000080}}*{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;background:#f5f5f5;color:#333}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none}.btn-primary{background:#c23838;color:#fff}.btn-primary:hover{background:#a82f2f}.btn-primary:disabled:hover{background:#c23838}.btn-secondary{background:#2196f3;color:#fff}.btn-secondary:hover{background:#0b7dda}.btn-secondary:disabled:hover{background:#2196f3}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#da190b}.btn-danger:disabled:hover{background:#f44336}.btn-delete{background:none;border:none;color:#c23838;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;transition:background .2s;border-radius:4px}.btn-delete:hover{background:#f443361a}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.input:focus{outline:none;border-color:#c23838}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.error{color:#f44336;font-size:14px;margin-top:8px}.success{color:#228b22;font-size:14px;margin-top:8px}