*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.app{min-height:100vh;background-color:#f5f5f5}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:2rem}.login-card{background:#fff;border-radius:8px;padding:2.5rem;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px}.login-card h1{font-size:2rem;color:#213547;margin-bottom:2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{padding:.75rem 1rem;background-color:#fee4e6;color:#d32f2f;border-radius:6px;font-size:.9rem;border:1px solid #fcc2c7}.loading,.empty-state{text-align:center;padding:2rem;color:#666}.error{text-align:center;padding:2rem;color:#d32f2f}.project-list{max-width:1200px;margin:0 auto;padding:2rem}.project-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.project-list-header h1{font-size:2rem;color:#213547}.projects-by-category{display:flex;flex-direction:column;gap:2rem}.category-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.category-heading{font-size:1.5rem;color:#213547;margin:0 0 1.5rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid #e0e0e0}.projects-table{width:100%}.projects-table-header{display:grid;grid-template-columns:2fr 1fr 2fr 2fr 120px;gap:1rem;padding:.75rem 0;border-bottom:2px solid #e0e0e0;font-weight:600;font-size:.875rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.projects-table-body{display:flex;flex-direction:column}.project-row{display:grid;grid-template-columns:2fr 1fr 2fr 2fr 120px;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f0f0;align-items:center;transition:background-color .2s}.project-row:hover{background-color:#fafafa}.project-row:last-child{border-bottom:none}.table-col{display:flex;align-items:center;word-break:break-word}.name-col{font-weight:500}.project-name-link{color:#2196f3;text-decoration:none;font-weight:500;transition:color .2s}.project-name-link:hover{color:#1976d2;text-decoration:underline}.status-col{justify-content:flex-start}.description-col,.next-step-col{color:#666;font-size:.9rem}.actions-col{justify-content:flex-end}.row-actions{display:flex;gap:.5rem;align-items:center}.text-muted{color:#999;font-style:italic}.project-detail{max-width:1200px;margin:0 auto;padding:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:#2196f3;text-decoration:none;font-weight:500;transition:color .2s}.back-link:hover{color:#1976d2;text-decoration:underline}.back-link svg{font-size:1.2rem}.project-detail-header{margin-bottom:1.5rem}.project-detail-header h1{font-size:2.5rem;color:#213547;margin-bottom:1rem}.project-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1rem}.project-next-step{margin-bottom:1rem;padding:.75rem;background:#f5f5f5;border-radius:6px;font-size:.95rem;color:#666}.project-link{margin-bottom:1rem}.project-link-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#2196f3;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:background-color .2s}.project-link-button:hover{background-color:#1976d2}.project-link-button svg{font-size:1rem}.project-stats-section{margin-top:2rem}.stats-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;align-items:stretch}.stats-left-column{display:flex;flex-direction:column;gap:1.5rem}.streak-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;flex:0 0 auto}.streak-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.streak-icon{font-size:1.5rem;color:#ff6b35}.streak-header h3{font-size:1rem;font-weight:600;color:#213547;margin:0}.streak-value{display:flex;align-items:baseline;gap:.5rem}.streak-number{font-size:2.5rem;font-weight:700;color:#ff6b35}.streak-label{font-size:1rem;color:#666}.streak-empty{font-size:1rem;color:#999;font-style:italic}.streak-loading{text-align:center;color:#666;padding:1rem}.completion-stats-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;flex:1 1 auto}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stats-header h3{font-size:1rem;font-weight:600;color:#213547;margin:0}.stats-period-toggle{display:flex;gap:.25rem;background:#f5f5f5;border-radius:6px;padding:.25rem}.toggle-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:4px;font-size:.875rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.toggle-btn:hover{background:#e0e0e0}.toggle-btn.active{background:#2196f3;color:#fff}.stats-content{display:flex;flex-direction:column;gap:1rem}.stats-numbers{display:flex;align-items:center;gap:.5rem;justify-content:center}.stat-value{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:700;color:#213547}.stat-label{font-size:.875rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-separator{font-size:1.5rem;color:#999;font-weight:300}.stats-meter{display:flex;flex-direction:column;gap:.5rem}.meter-bar{width:100%;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease;border-radius:6px}.meter-label{text-align:center;font-size:.875rem;font-weight:600;color:#666}.stats-empty{text-align:center;color:#999;font-style:italic;padding:1rem 0}.stats-loading{text-align:center;color:#666;padding:1rem}.activity-calendar-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;height:100%}.calendar-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:1.5rem;width:100%;max-width:fit-content;gap:1rem;margin-left:auto;margin-right:auto}.calendar-controls{display:flex;align-items:center;gap:1rem;justify-content:center;grid-column:2}.calendar-controls h3{font-size:1rem;font-weight:600;color:#213547;margin:0;min-width:200px;text-align:center}.calendar-view-toggle{display:flex;gap:.25rem;background:#f5f5f5;border-radius:6px;padding:.25rem;grid-column:3;justify-self:end}.calendar-grid{display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%;max-width:fit-content}.calendar-day-names{display:grid;gap:.2rem;margin-bottom:.25rem}.calendar-day-names.week-view{grid-template-columns:repeat(7,36px);justify-content:start}.calendar-day-names.month-view{grid-template-columns:repeat(7,16px);justify-content:center}.calendar-day-name{text-align:center;font-size:.7rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.calendar-days{display:grid;gap:.2rem}.calendar-days.week-view{grid-template-columns:repeat(7,36px);justify-content:start}.calendar-days.month-view{grid-template-columns:repeat(7,16px);justify-content:center;margin:0 auto}.calendar-day{aspect-ratio:1;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;position:relative;transition:transform .15s,opacity .15s;cursor:pointer;min-width:0}.calendar-days.week-view .calendar-day{width:36px;height:36px;border-radius:4px}.calendar-days.month-view .calendar-day{width:16px;height:16px;border-radius:2px}.calendar-day:hover{transform:scale(1.1);opacity:.9}.calendar-day.none{background-color:#ebedf0;border:1px solid #ebedf0}.calendar-day.missed{background-color:#fee4e6;border:1px solid #fee4e6}.calendar-day.medium{background-color:#9be9a8;border:1px solid #9be9a8}.calendar-day.high{background-color:#40c463;border:1px solid #40c463}.calendar-day.today{border:2px solid #2196f3;box-shadow:0 0 0 1px #2196f34d}.calendar-day-label,.calendar-day-number{display:none}.calendar-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#666}.legend-box{width:16px;height:16px;border-radius:3px;border:1px solid #e0e0e0}.legend-box.none{background-color:#f5f5f5}.legend-box.missed{background-color:#fee4e6;border-color:#fee4e6}.legend-box.medium{background-color:#9be9a8;border-color:#9be9a8}.legend-box.high{background-color:#40c463;border-color:#40c463}.calendar-loading{text-align:center;color:#666;padding:2rem}.goals-section{margin-top:2rem}.goals-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.goals-section-header h2{font-size:1.75rem;color:#213547}.goals-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.goal-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.goal-card-complete{border:2px solid #4caf50;background:#f1f8f4}.goal-card-header{margin-bottom:1rem}.goal-card-header h3{font-size:1.25rem;color:#213547;margin:0}.goal-progress{margin-bottom:1rem}.goal-progress-info{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem;font-size:1.1rem}.goal-current{font-size:1.5rem;font-weight:600;color:#2196f3}.goal-separator{color:#999}.goal-target{font-weight:600;color:#213547}.goal-unit{color:#666;font-size:.9rem}.goal-progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.goal-progress-fill{height:100%;background:linear-gradient(90deg,#2196f3,#21cbf3);transition:width .3s ease}.goal-progress-fill-complete{background:linear-gradient(90deg,#4caf50,#8bc34a)}.goal-progress-percentage{text-align:right;font-size:.85rem;color:#666}.goal-decreasing-display{margin-top:.5rem;margin-bottom:.5rem}.goal-gap-display{font-size:1rem;font-weight:600;color:#666;text-align:center;padding:.5rem;background:#f5f5f5;border-radius:6px}.goal-complete-message{font-size:1.1rem;font-weight:700;color:#2e7d32;text-align:center;padding:.75rem;background:#e8f5e9;border-radius:6px;border:2px solid #4caf50}.goal-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e0e0e0;gap:1rem}.goal-meta-left{display:flex;flex-direction:column;gap:.5rem;flex:1}.goal-deadline{font-size:.9rem;color:#666}.goal-meta-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.badge-category{background-color:#e3f2fd;color:#1976d2}.badge-frequency{background-color:#f3e5f5;color:#7b1fa2;font-size:.7rem;text-transform:none;font-weight:600}.badge-status{background-color:#f5f5f5;color:#666}.badge-status.badge-active{background-color:#e8f5e9;color:#2e7d32}.badge-status.badge-paused{background-color:#fff3e0;color:#e65100}.badge-status.badge-completed{background-color:#e8f5e9;color:#2e7d32}.badge-status.badge-in-progress{background-color:#e3f2fd;color:#1976d2}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background-color:#2196f3;color:#fff}.btn-primary:hover{background-color:#1976d2}.btn-secondary{background-color:#e0e0e0;color:#213547}.btn-secondary:hover{background-color:#d0d0d0}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#666;opacity:.7;transition:all .2s;border-radius:4px}.btn-icon svg{font-size:1.2rem}.btn-icon:hover{opacity:1;background-color:#f5f5f5;color:#213547}.btn-icon:active{background-color:#e0e0e0}.btn-link{background:none;color:#2196f3;padding:.5rem 0;text-decoration:none;font-weight:500}.btn-link:hover{text-decoration:underline}.btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:1.5rem;color:#213547;margin:0}.project-form,.goal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#213547}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2196f3}.form-group textarea{resize:vertical}.radio-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem 0;width:100%}.radio-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400;padding:.25rem 1rem;transition:all .2s;border-radius:6px;margin:0;width:100%}.radio-option:hover{color:#2196f3;background-color:#f5f5f5}.radio-option input[type=radio]{width:18px;height:18px;margin:0;padding:0;cursor:pointer;accent-color:#2196f3;flex-shrink:0;vertical-align:middle}.radio-option span{-webkit-user-select:none;user-select:none;font-size:.95rem;padding:.25rem 1rem;margin:0;line-height:18px;display:inline-block;vertical-align:middle}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;margin-top:1.5rem}@media(max-width:768px){.project-list,.project-detail{padding:1rem}.project-list-header{flex-direction:column;align-items:flex-start;gap:1rem}.projects-table-header,.project-row{grid-template-columns:1fr;gap:.5rem}.table-col{padding:.25rem 0}.projects-table-header{display:none}.project-row{border:1px solid #e0e0e0;border-radius:6px;padding:1rem;margin-bottom:.5rem}.table-col:before{content:attr(data-label);font-weight:600;font-size:.75rem;text-transform:uppercase;color:#666;margin-bottom:.25rem;display:block}.stats-grid{grid-template-columns:1fr}.streak-card,.completion-stats-card,.activity-calendar-card{min-width:0}.stats-left-column{display:flex;flex-direction:column;gap:1.5rem}.calendar-header{flex-direction:column;align-items:stretch}.calendar-controls{justify-content:space-between}.calendar-controls h3{min-width:auto;font-size:.875rem}.calendar-day-names.week-view{grid-template-columns:repeat(7,32px)}.calendar-day-names.month-view{grid-template-columns:repeat(7,14px)}.calendar-days.week-view{grid-template-columns:repeat(7,32px)}.calendar-days.month-view{grid-template-columns:repeat(7,14px)}.calendar-days.week-view .calendar-day{width:32px;height:32px}.calendar-days.month-view .calendar-day{width:14px;height:14px}.calendar-legend{gap:1rem;font-size:.7rem}.goals-list,.form-row{grid-template-columns:1fr}.modal-content{margin:1rem}}