:root{--blue-50:#e8f6fb;--blue-100:#c4e8f4;--blue-200:#94d5eb;--blue-400:#39b6dc;--blue-500:#15a0d8;--blue-600:#1a6ca1;--blue-700:#15416a;--blue-800:#0e2e4c;--yellow-100:#fff6b8;--yellow-300:#ffea3d;--yellow-400:#ffdb31;--yellow-500:#e8c020;--cream-50:#fdfaf1;--cream-100:#f9f3e1;--cream-200:#f0e8d0;--cream-400:#ded2ae;--white:#fefdf9;--green:#80a269;--lime:#c9ed47;--red:#e3503f;--bg-base:var(--cream-50);--bg-surface:var(--white);--text-primary:var(--blue-700);--text-muted:var(--blue-600);--text-heading:var(--blue-800);--accent:var(--blue-500);--accent-hover:var(--blue-600);--highlight:var(--yellow-400);--error:var(--red);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--font-sm:14px;--font-base:16px;--font-lg:20px;--font-xl:24px;--font-2xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-base);min-height:100vh;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif}#root{background-color:var(--bg-base);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-container{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;align-items:center;width:450px;padding:48px 56px;display:flex;box-shadow:0 4px 20px #15416a14}.login-container h1{color:var(--text-primary);margin-bottom:30px;font-size:37px}.login-container input{border:1px solid var(--cream-400);background-color:var(--bg-surface);width:100%;color:var(--text-muted);border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.login-container button{cursor:pointer;background-color:var(--accent);width:100%;color:var(--bg-surface);border:none;border-radius:8px;padding:12px;font-size:16px}.login-container button:hover{background-color:var(--accent-hover)}.dashboard{width:100%;max-width:1000px;color:var(--text-primary);padding:40px 32px}.dashboard h1{margin-bottom:12px;font-size:37px}.dashboard p{color:var(--text-muted);margin-bottom:16px;font-size:20px}.habit-card{background-color:var(--bg-surface);border:none;border-radius:9px;margin-bottom:16px;padding:20px;box-shadow:0 2px 8px #1a4c7a0f}.habit-card h2{color:var(--text-primary);margin-bottom:8px;font-size:21px}.habit-card p{color:var(--text-muted);margin-bottom:4px;font-size:17px}.create-habit-form{color:var(--text-primary);font-size:14px}.create-habit-form h2{color:var(--text-primary);margin-bottom:16px;font-size:21px}.create-habit-form input{border:1px solid var(--cream-400);background-color:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.create-habit-form button{cursor:pointer;background-color:var(--accent);width:100%;color:var(--cream-100);border:none;border-radius:8px;margin-bottom:16px;padding:12px;font-size:16px}.create-habit-form button:hover{background-color:var(--accent-hover)}.create-habit-form select{border:1px solid var(--cream-400);background-color:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.create-habit-form p{color:var(--text-muted);margin-bottom:28px;font-size:21px}.error-message{color:var(--error);text-align:center;margin-top:16px;font-size:16px}.logout-button{width:auto;color:var(--accent);border:1px solid var(--accent);cursor:pointer;background-color:#0000;border-radius:8px;margin-bottom:16px;padding:8px 20px;font-size:16px}.logout-button:hover{background-color:var(--accent);color:var(--bg-surface)}.switch-to-register-button,.switch-to-login-button{color:var(--accent);cursor:pointer;margin-top:16px;font-size:15px}.login-page-wrapper{justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.habit-heatmap{border-top:1px solid var(--cream-200);margin-top:16px;padding-top:16px}.react-calendar-heatmap .color-completed{fill:var(--blue-500)}.habit-card-header{cursor:pointer;align-items:center;gap:16px;display:flex}.habit-card-content{flex:1}.react-tooltip{background-color:var(--blue-700)!important;color:var(--bg-surface)!important;border-radius:6px!important;padding:6px 10px!important;font-family:Nunito,sans-serif!important;font-size:13px!important}.quote-container{background-color:var(--cream-100);border-left:5px solid var(--accent);border-radius:4px;margin-bottom:24px;padding:16px 20px}.quote-container blockquote{color:var(--text-primary);font-size:16px;font-style:italic;line-height:1.5}.delete-habit-button{color:var(--error);border:1px solid var(--error);cursor:pointer;background-color:#0000;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:13px}.delete-habit-button:hover{background-color:var(--error);color:var(--bg-surface)}.react-calendar-heatmap text{fill:#aaa;font-size:10px}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}