body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout-footer{background-color:#f8f8f8;border-top:1px solid #eee;bottom:0;box-shadow:0 -2px 5px #0000000d;max-width:500px;padding:10px 0;position:fixed;width:100%}.layout-footer nav ul{display:flex;justify-content:space-around;list-style:none;margin:0;padding:0}.layout-footer nav li{align-items:center;color:#999;cursor:pointer;display:flex;flex-direction:column;font-size:.8em;padding:5px}.layout-footer nav li.active{color:#007bff;font-weight:700}.layout-footer nav li a{align-items:center;color:inherit;display:flex;flex-direction:column;text-decoration:none}.layout-footer nav li a:hover{color:inherit}.nav-icon{font-size:1.5em;margin-bottom:3px}.project-item-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;display:flex;margin-bottom:0;margin-left:0;margin-right:0;padding:15px}.project-content{align-items:center;display:flex;flex-grow:1}.project-icon-container{align-items:center;display:flex;height:50px;justify-content:center;margin-right:15px;width:50px}.project-icon{font-size:2em;line-height:1}.project-details{flex-grow:1}.project-name{font-size:1.1em;font-weight:700;margin-bottom:8px}.completion-status{display:flex;gap:3px}.completion-circle{align-items:center;border:none;border-radius:2px;color:#fff;display:flex;font-size:.6em;font-weight:700;height:10px;justify-content:center;width:10px}.completion-circle.completed-today{background-color:#61bb6b;color:#fff}.completion-circle.pending-today{background-color:#cdefd1}.completion-circle.completed-historical{background-color:#61bb6b;color:#fff}.completion-circle.pending-future,.completion-circle.pending-historical{background-color:#cdefd1}.complete-button{align-items:center;background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:30px;justify-content:center;transition:background-color .3s ease;width:30px}.complete-button:hover{background-color:#0056b3}.complete-button:disabled{background-color:#ccc;cursor:not-allowed}.add-project-modal-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-project-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px 15px;width:100%}.add-project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;min-height:40px;padding:0 10px}.add-project-title{color:#333;flex:1 1;font-size:1.2em;font-weight:700;height:auto;line-height:1.4;margin:0;text-align:center}.add-project-form{box-sizing:border-box;padding:0;width:100%}.form-group,.form-row{margin-bottom:20px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1 1;margin-bottom:0}.form-group label{color:#555}.form-group input{border:1px solid #e0e0e0;transition:border-color .3s ease}.form-group input:focus{border-color:#4caf50;outline:none}.icon-selection{display:flex;flex-wrap:wrap;gap:10px}.icon-option{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:2em;padding:10px;transition:all .3s ease}.icon-option:hover{border-color:#4caf50;transform:scale(1.1)}.icon-option.selected{background-color:#e8f5e8;border:1px solid #4caf50;transform:scale(1.1)}.add-button{cursor:pointer}.add-button,.cancel-button{border:none;border-radius:8px;flex:1 1;font-size:1em;font-weight:700;padding:12px;transition:background-color .3s ease}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.calendar-modal-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.calendar-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:100%}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10px}.calendar-title{color:#333;flex:1 1;font-size:1.2em;font-weight:700;margin:0 20px;text-align:center}.nav-button{background:none;border:none;border-radius:50%;color:#007bff;cursor:pointer;font-size:1.5em;padding:5px 10px;transition:background-color .2s ease}.nav-button:hover{background-color:#f0f0f0}.calendar-weekdays{border-bottom:none;color:#666;font-weight:700;margin-bottom:0;padding:0 0 10px}.calendar-grid,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid{grid-gap:5px;gap:5px;margin-bottom:20px;padding:0}.weekday{color:#666;font-size:.9em;font-weight:700;padding:10px 0;text-align:center}.calendar-day{align-items:center;aspect-ratio:1;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:40px;position:relative;transition:all .2s ease}.calendar-day:hover{background-color:#f0f0f0;transform:scale(1.05)}.calendar-day.empty{background-color:initial;border:none;cursor:default}.calendar-day.empty:hover{background-color:initial;transform:none}.calendar-day.today{border-color:#e0e0e0;border-width:1px;font-weight:400;position:relative}.calendar-day.today:not(.completed){background-color:#fff;border:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.calendar-day.today:after{background-color:#007bff;border-radius:50%;bottom:4px;content:"";height:4px;position:absolute;width:4px}.calendar-day.today:not(.completed):hover{background-color:#f0fff0;border-color:#4caf50;transform:scale(1.05)}.calendar-day.completed{background-color:#4caf50;border-color:#4caf50;color:#fff}.calendar-day.completed:hover{background-color:#45a049}.day-number{font-size:.9em;font-weight:500}.day-mark{color:#fff;font-size:1.1em;line-height:1}.calendar-day.future,.calendar-day.read-only{cursor:default}.calendar-day.future{opacity:.5}.calendar-day.future:hover,.calendar-day.read-only:hover{background-color:#fafafa;transform:none}.calendar-day.completed.read-only:hover{background-color:#4caf50}.calendar-day.today.read-only:hover{background-color:#fff;border-color:#e0e0e0}.calendar-stats{background-color:#f8f9fa;border-radius:10px;display:flex;justify-content:space-around;margin-bottom:20px;padding:15px}.stat-item{text-align:center}.stat-label{color:#666;display:block;font-size:.9em;margin-bottom:5px}.stat-value{color:#333;display:block;font-size:1.2em}.button-group{display:flex;gap:10px;margin-top:20px}.modal-close-btn{background-color:initial;border:1px solid #6c757d;border-radius:8px;color:#6c757d;cursor:pointer;flex:1 1;font-size:1em;font-weight:700;padding:12px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.modal-close-btn:hover{background-color:#e2e6ea;border-color:#5a6268;color:#5a6268}.modal-edit-btn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1em;font-weight:700;padding:12px;transition:background-color .3s ease}.modal-edit-btn:hover{background-color:#218838}@media (max-width:480px){.calendar-modal{border-radius:15px 15px 0 0;max-width:100%;padding:15px}.calendar-day{min-height:35px}.day-number{font-size:.8em}.calendar-title{font-size:1.1em}}.score-tab-container{padding:0 15px 20px}.score-tab-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;margin-left:-15px;margin-right:-15px;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.current-rice-display{align-items:center;display:flex;gap:8px;margin:0}.rice-label,.rice-score{color:#4caf50;font-size:1.8em;font-weight:700;margin:0}.add-project-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.add-project-button:hover{background-color:#f0f0f0}.add-project-button svg{height:24px;width:24px}.project-list{flex-direction:column;gap:10px}.consumable-item-card,.project-list{display:flex;margin-left:0;margin-right:0}.consumable-item-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;margin-bottom:0;padding:15px}.consumable-info{align-items:center;display:flex;flex-grow:1}.consumable-name{font-size:1.1em;font-weight:700;margin-right:10px}.consumable-cost{color:#ff4d4f;font-size:1.1em}.consume-button{align-items:center;background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2em;height:30px;justify-content:center;width:30px}.consume-button:hover{background-color:#0056b3}.edit-consumable-modal-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-consumable-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.edit-consumable-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.edit-consumable-modal-title{flex:1 1;font-size:1.2em;font-weight:700;margin:0;text-align:center}.close-button{color:#666}.close-button:hover{background-color:#f5f5f5}.form-group{margin:20px}.form-group label{display:block;font-weight:700;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1em;padding:12px;width:100%}.form-actions{border-top:1px solid #eee;justify-content:space-between;padding:20px}.delete-button{background-color:#ff4d4f;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1em;padding:12px 20px}.delete-button:hover{background-color:#ff7875}.save-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1em;padding:12px 20px}.save-button:hover{background-color:#0056b3}@media (max-width:480px){.edit-consumable-modal{border-radius:15px 15px 0 0;margin:0;max-height:90vh;padding:0 15px}.edit-consumable-modal-header{padding:15px}.form-group{margin:15px}.form-actions{padding:15px}}.consume-tab-container{padding:0 15px 20px;text-align:center}.consume-tab-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;margin-left:-15px;margin-right:-15px;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.current-consumption-display{align-items:center;display:flex;gap:8px;margin:0}.consumption-label,.consumption-score{color:#4caf50;font-size:1.8em;font-weight:700;margin:0}.consumables-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-left:15px;margin-right:15px;text-align:left}.add-consumable-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.add-consumable-button:hover{background-color:#f0f0f0}.add-consumable-button svg{height:24px;width:24px}.add-consumable-modal-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-consumable-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px 15px;width:100%}.add-consumable-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;min-height:40px;padding:0 10px}.add-consumable-modal-title{color:#333;flex:1 1;font-size:1.2em;font-weight:700;height:auto;line-height:1.4;margin:0;text-align:center}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.5em;height:32px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:32px}.close-button:hover{background-color:#f0f0f0}@media (max-width:480px){.add-consumable-modal{border-radius:15px 15px 0 0;max-width:100%;padding:15px}}.add-consumable-modal .form-group{margin-bottom:15px}.add-consumable-modal label{color:#555;display:block;font-weight:700;margin-bottom:5px}.add-consumable-modal input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1em;padding:10px;width:100%}.add-consumable-modal .form-actions{display:flex;gap:10px;margin-top:20px}.add-consumable-modal .add-button,.add-consumable-modal .cancel-button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;text-align:center;transition:all .3s}.add-consumable-modal .cancel-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.add-consumable-modal .cancel-button:hover{background-color:#e0e0e0}.add-consumable-modal .add-button{background-color:#28a745;color:#fff}.add-consumable-modal .add-button:hover{background-color:#218838}.record-tab-container{background-color:#f8f9fa;min-height:calc(100vh - 120px);padding:20px 16px}.records-list{display:flex;flex-direction:column;gap:16px}.record-project-card{background-color:#fff;border-radius:24px;box-shadow:0 4px 12px #00000008;cursor:pointer;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.record-project-card:active{box-shadow:0 2px 8px #00000005;transform:scale(.98)}.project-card-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.project-icon-box{align-items:center;background-color:#f0f0f0;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.project-title-group{display:flex;flex-direction:column;gap:4px}.project-name{color:#1a1a1a;font-size:18px;font-weight:600}.project-date{color:#a0a0a0;font-size:13px}.project-card-divider{background-color:#f0f0f0;height:1px;margin-bottom:20px}.project-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center}.stat-column{display:flex;flex-direction:column;gap:4px}.stat-value{color:#1a1a1a;font-size:18px;font-weight:700}.stat-label{color:#a0a0a0;font-size:12px}.add-project-container{position:relative}.form-actions{display:flex;gap:10px;margin-top:20px}.add-button,.delete-button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-height:40px;padding:10px 20px;text-align:center;transition:all .3s}.add-button{background-color:#4caf50;color:#fff}.add-button:hover{background-color:#45a049}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#d32f2f}.delete-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:24px;width:90%}.delete-dialog h3{color:#333;font-size:18px;margin-top:0}.delete-dialog p{color:#666;margin-bottom:16px}.delete-options{margin-bottom:20px}.delete-option{cursor:pointer;display:block;padding:8px 0}.delete-option input{margin-right:8px}.delete-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-button:hover{background-color:#e0e0e0}.confirm-delete-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.confirm-delete-button:hover{background-color:#d32f2f}.app-container{background-color:#f8f8f8;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:500px;min-height:100vh;padding-bottom:60px;position:relative}.main-content{padding:0}
/*# sourceMappingURL=main.3a711460.css.map*/