:root{--primary-color: #2563EB;--primary-color-dark: #1D4ED8;--text-color: #111827;--text-color-light: #6B7280;--background-color: #FFFFFF;--background-color-alt: #f6f8fa;--border-color: #E5E7EB;--error-color: #DC2626;--error-color-dark: #B91C1C;--success-color: #10B981;--success-color-dark: #057e57;--white: #ffffff;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-radius: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);color:var(--text-color);background-color:var(--background-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-content a{color:var(--primary-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s}.page-content a:hover{color:var(--primary-color-dark)}hr{border:0;height:1px;background-color:var(--border-color);color:var(--border-color)}.guest-layout{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-color-alt)}.app-layout{display:flex;height:100vh;overflow:hidden}.app-content{flex:1;height:100vh;overflow-y:auto;background-color:var(--background-color-alt)}.page-container{padding:1rem 2rem;display:flex;flex-direction:column;min-height:100%}.page-header{margin-bottom:1rem}.page-header h1{font-size:2rem;font-weight:700}.app-overlay{display:none;position:fixed;inset:0;background-color:#11182766;z-index:199}.app-mobile-header{display:none;align-items:center;height:64px;padding:0 1rem;background-color:var(--background-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.burger-menu-trigger{background:none;border:none;cursor:pointer;padding:.5rem;margin-left:-.5rem}.burger-menu-trigger svg{width:24px;height:24px;stroke:var(--text-color)}.mobile-logo-text{font-weight:600;margin-left:1rem;font-size:1.125rem}.btn{display:inline-block;border:none;border-radius:var(--border-radius);font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s,transform .1s;font-family:inherit;line-height:1.4}.btn:active{transform:translateY(1px)}.btn{padding:.65rem 1.25rem;font-size:.875rem}.btn--lg{padding:.85rem 1.5rem;font-size:1rem}.btn--sm{padding:.4rem 1rem;font-size:.875rem;border-radius:6px}.btn--primary{background-color:var(--primary-color);color:var(--white)}.btn--primary:hover{background-color:var(--primary-color-dark)}.btn--secondary{background-color:var(--background-color-alt);color:var(--text-color)}.btn--secondary:hover{background-color:var(--white)}.btn--success{background-color:var(--success-color, #10B981);color:var(--white)}.btn--success:hover{background-color:var(--success-color-dark)}.btn--danger{background-color:var(--error-color);color:var(--white)}.btn--danger:hover{background-color:var(--error-color-dark)}.btn--full-width{width:100%}.form-label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--text-color)}.form-input{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid transparent;background-color:var(--background-color-alt);border-radius:var(--border-radius);transition:border-color .2s,background-color .2s}.form-input::placeholder{color:var(--text-color-light)}.form-input:focus{outline:none}.form-input.is-invalid{border-color:var(--error-color)}.form-input.is-invalid:focus{border-color:var(--error-color)}.form-group{margin-bottom:1.5rem}.form-group--checkbox{display:flex;align-items:center;margin-bottom:1.5rem}.form-checkbox{margin-right:.5rem;height:1rem;width:1rem;border-radius:.25rem;border:1px solid var(--border-color)}.form-label--checkbox{font-size:.875rem;color:var(--text-color)}.form-error{display:block;margin-top:.25rem;font-size:.875rem;color:var(--error-color)}.due-type-radios{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.due-type-label{display:flex;align-items:center;gap:.35rem;font-size:.875rem;cursor:pointer}.due-type-label input[type=radio]{opacity:0;position:absolute;width:0;height:0}.due-type-label span:before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--border-color);background-color:var(--background-color);transition:all .2s;vertical-align:middle;margin-right:.5rem}.due-type-label input[type=radio]:checked+span:before{border-color:var(--primary-color);background-color:var(--primary-color);box-shadow:inset 0 0 0 3px var(--background-color)}fieldset.form-group{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem 1.5rem;margin-top:1.5rem}fieldset.form-group legend{padding:0 .5rem;margin-left:.5rem;font-weight:500;font-size:.875rem;color:var(--text-color);width:auto;float:none}fieldset.form-group>*:first-child{margin-top:0}.form-textarea{display:block;width:100%;min-height:120px;padding:.75rem 1rem;font-size:1rem;font-family:var(--font-family-base);border:1px solid transparent;background-color:var(--background-color-alt);border-radius:var(--border-radius);transition:border-color .2s,background-color .2s;resize:vertical}.form-textarea:focus{outline:none;background-color:var(--background-color);border-color:var(--primary-color)}.form-textarea.is-invalid{border-color:var(--error-color)}.form-textarea.is-invalid:focus{border-color:var(--error-color)}.form-select{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid transparent;background-color:var(--background-color-alt);border-radius:var(--border-radius);transition:border-color .2s,background-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.form-select:focus{outline:none;background-color:var(--background-color);border-color:var(--primary-color)}.form-select.is-invalid{border-color:var(--error-color)}.form-select.is-invalid:focus{border-color:var(--error-color)}.app-sidebar{width:230px;background-color:var(--background-color);display:flex;flex-direction:column;height:100vh;z-index:200;transition:transform .3s ease-in-out}.sidebar-header{flex-shrink:0;padding:1.5rem 1.5rem 0;display:flex;align-items:center}.sidebar-header .logo{display:grid;place-items:center;width:32px;height:32px;background-color:var(--primary-color);color:var(--white);font-size:1.25rem;font-weight:700;border-radius:var(--border-radius);text-decoration:none}.sidebar-header .logo-text{font-size:1.125rem;font-weight:600;margin-left:.75rem}.sidebar-nav{flex-grow:1;overflow-y:auto;padding:1rem 0}.sidebar-nav ul{list-style:none}.sidebar-nav .nav-link{display:flex;align-items:center;padding:.5rem 1rem;margin:.25rem .5rem;border-radius:var(--border-radius);text-decoration:none;color:var(--text-color-light);font-weight:500;transition:background-color .2s,color .2s}.sidebar-nav .nav-link:hover{background-color:var(--background-color-alt)}.sidebar-nav .nav-link.is-active{background-color:var(--primary-color);color:var(--white)}.sidebar-footer{flex-shrink:0;padding:.5rem;position:relative}.sidebar-footer .user-menu-trigger{width:100%;background-color:var(--background-color-alt);border:none;border-radius:var(--border-radius);padding:.75rem;text-align:left;cursor:pointer}.sidebar-footer .user-menu-trigger .user-email{font-size:.875rem;font-weight:500}.sidebar-footer .user-dropdown{display:none;position:absolute;bottom:calc(100% + .5rem);left:1rem;right:1rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem}.sidebar-footer .user-menu-trigger{width:100%;background-color:var(--background-color-alt);border:none;border-radius:var(--border-radius);padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left}.sidebar-footer .user-menu-trigger:hover{background-color:var(--border-color)}.sidebar-footer .user-menu-trigger .user-email{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .user-menu-trigger .user-menu-icon{width:16px;height:16px;color:var(--text-color-light);margin-left:.5rem}.sidebar-footer .dropdown-form{margin:0}@media(max-width:991px){.app-sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;transform:translate(-100%)}body.mobile-menu-open .app-sidebar{transform:translate(0)}body.mobile-menu-open .app-overlay{display:block}.app-mobile-header{display:flex}.page-container{padding:1rem}.page-header{margin-bottom:1.5rem}}.dropdown-container{position:relative}.dropdown-trigger{cursor:pointer}.dropdown-content{display:none;position:fixed;z-index:1000;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem;min-width:180px}.dropdown-content.is-active{display:block}.dropdown-item{display:block;width:100%;text-align:left;padding:.5rem .75rem;font-size:.875rem;color:var(--text-color);border-radius:4px;text-decoration:none;background:none;border:none;cursor:pointer}.dropdown-item:hover{background-color:var(--background-color-alt)}.dropdown-item--danger{color:var(--error-color)}.dropdown-item--danger:hover{background-color:rgba(var(--error-color),.1)}.card{background-color:var(--background-color);border-radius:var(--border-radius)}.card-header{padding:1.25rem 1.5rem 0}.card-header .card-title{font-size:1.125rem;font-weight:600;color:var(--text-color)}.card-body{padding:1.5rem}.card-body p{color:var(--text-color-light);line-height:1.6}.alert{padding:1rem 1.5rem;border-radius:var(--border-radius);margin-bottom:2rem}.alert--success{background-color:#ecfdf5;color:#065f46}.alert--danger{background-color:#fef2f2;color:#b91c1c}.alert--warning{background-color:#fffbeb;color:#b45309}.lock-screen{display:none;opacity:0;visibility:hidden;position:fixed;inset:0;z-index:2000;background-color:rgba(var(--text-color),.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease,visibility .3s ease}.lock-screen.is-visible{display:flex;opacity:1;visibility:visible}.lock-card{background-color:var(--background-color);border-radius:var(--border-radius);padding:2.5rem;width:100%;max-width:420px}.lock-card__title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.lock-card__subtitle{text-align:center;color:var(--text-color-light);margin-bottom:1rem}.lock-card__error{color:var(--error-color);text-align:center;margin-bottom:1rem;min-height:1.2em}.lock-card__actions{margin-top:2rem;display:block}@media(max-width:769px){.lock-card__actions{display:none}}.pin-inputs{display:flex;justify-content:center;gap:1rem}.pin-inputs input[data-pin-input]{width:60px;height:70px;font-size:2rem;font-weight:600;text-align:center;border:1px solid var(--border-color);background-color:var(--background-color-alt);border-radius:var(--border-radius);text-security:disc;-webkit-text-security:disc;-moz-text-security:disc}.pin-inputs input[data-pin-input]:focus{outline:none;border-color:var(--primary-color);background-color:var(--background-color)}.badge,.task-item__project{display:inline-block;padding:.25em .75em;font-size:.75rem;font-weight:600;line-height:1.5;text-align:center;border-radius:9999px}.badge--default,.task-item__project{background-color:#f3f4f6;color:#374151}.badge--blue{background-color:#dbeafe;color:#1e40af}.badge--green{background-color:#d1fae5;color:#065f46}.filter-pills{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.filter-pills .badge,.filter-pills .task-item__project{font-size:.875rem;text-decoration:none;transition:all .2s}.filter-pills .badge:hover,.filter-pills .task-item__project:hover{opacity:.8}.modal-backdrop{position:fixed;inset:0;z-index:1000;background-color:rgba(var(--text-color),.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overflow-y:auto;display:flex;justify-content:center;padding:4rem 1rem;align-items:flex-start}.modal-backdrop.is-visible{opacity:1;visibility:visible}.modal-dialog{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;transform:scale(.95);transition:transform .3s ease}.is-visible .modal-dialog{transform:scale(1)}.modal-dialog--sm{max-width:400px}.modal-dialog--md{max-width:600px}.modal-dialog--lg{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.25rem;font-weight:600}.modal-close,.slideover-close{background:none;border:none;font-size:2rem;font-weight:300;color:var(--text-color-light);cursor:pointer;line-height:1}.modal-close:hover,.slideover-close:hover{color:var(--text-color)}.modal-body{padding:1.5rem}.search-bar-wrapper{margin-bottom:2rem}.search-form{position:relative}.search-input{display:block;width:100%;padding:.85rem 3.5rem .85rem 1.25rem;font-size:1rem;border:1px solid transparent;background-color:var(--background-color-alt);border-radius:var(--border-radius);transition:border-color .2s,background-color .2s}.search-input:focus{outline:none;background-color:var(--background-color);border-color:var(--primary-color)}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-submit-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);display:flex}.search-submit-btn svg{width:20px;height:20px;color:var(--text-color-light);transition:color .2s}.search-submit-btn:hover svg{color:var(--primary-color)}.notes-empty-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;background-color:var(--background-color-alt);border-radius:var(--border-radius)}.notes-empty-state p{font-size:1rem;color:var(--text-color-light)}.notes-empty-state p a{color:var(--primary-color);font-weight:500;text-decoration:underline;text-underline-offset:2px}.notes-empty-state p a:hover{color:var(--primary-color-dark)}.view-switcher{display:inline-flex;margin-bottom:1.5rem;background-color:var(--background-color-alt);border-radius:var(--border-radius);padding:.25rem}.view-switcher__button{background:none;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-color-light);border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s}.view-switcher__button:hover{color:var(--text-color)}.view-switcher__button.is-active{background-color:var(--background-color);color:var(--primary-color);box-shadow:0 1px 3px #0000000d}.slideover-backdrop{position:fixed;inset:0;z-index:900;background-color:rgba(var(--text-color),.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.slideover-backdrop.is-visible{opacity:1;visibility:visible}.slideover-panel{position:fixed;top:0;right:0;bottom:0;z-index:901;background-color:var(--background-color);border-left:1px solid var(--border-color);display:flex;flex-direction:column;width:100%;transform:translate(100%);transition:transform .3s ease-in-out}.is-visible .slideover-panel{transform:translate(0)}@media(min-width:640px){.slideover-panel--sm{max-width:400px}.slideover-panel--md{max-width:600px}.slideover-panel--lg{max-width:800px}.slideover-panel--xl{max-width:1000px}}.slideover-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.slideover-title{font-size:1.25rem;font-weight:600}.slideover-close{margin-left:1rem}.slideover-body{padding:1.5rem;overflow-y:auto;flex-grow:1}.slideover-backdrop.is-hidden-during-drag{-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .1s ease;left:9999px}.form-group[data-component=multiselect]{position:relative}.multiselect-hidden-select{display:none}.multiselect-container{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;border:1px solid transparent;background-color:var(--background-color-alt);border-radius:var(--border-radius);min-height:48px}.multiselect-container:focus-within{background-color:var(--background-color);border-color:var(--primary-color)}.multiselect-selected-item{display:inline-flex;align-items:center;background-color:var(--primary-color);color:var(--white);padding:.2rem .6rem;border-radius:999px;font-size:.875rem;font-weight:500}.multiselect-remove-btn{background:none;border:none;color:rgba(var(--white),.7);margin-left:.4rem;cursor:pointer;font-size:1rem;line-height:1}.multiselect-remove-btn:hover{color:var(--white)}.multiselect-input{border:none;background:none;outline:none;flex-grow:1;padding:.25rem;min-width:120px}.multiselect-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);max-height:200px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.multiselect-option{padding:.75rem 1rem;cursor:pointer}.multiselect-option:hover,.multiselect-option.is-highlighted{background-color:var(--background-color-alt)}.toast-notification{position:fixed;bottom:1.5rem;right:1.5rem;z-index:2000;background-color:rgba(var(--text-color),.9);color:var(--white);padding:.75rem 1.25rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;font-size:.875rem;opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.toast-notification.is-visible{opacity:1;transform:translateY(0);visibility:visible}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:2.5rem}@media(min-width:769px){.pin-keypad{display:none}}.pin-keypad__button{display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:500;color:var(--text-color);background-color:var(--background-color-alt);border:1px solid var(--border-color);border-radius:50%;width:70px;height:70px;margin:0 auto;cursor:pointer;touch-action:manipulation;transition:background-color .1s ease}.pin-keypad__button:active{background-color:var(--border-color)}.pin-keypad__button[data-value=delete]{background:none;border:none}.pin-keypad__button[data-value=delete] svg{width:32px;height:32px;color:var(--text-color-light);transition:color .1s ease}.pin-keypad__button[data-value=delete]:active svg{color:var(--text-color)}.auth-card{background-color:var(--background-color);border-radius:var(--border-radius);padding:3rem;width:100%;max-width:450px}.auth-card__title{text-align:center;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.auth-card__subtitle{text-align:center;font-size:1rem;color:var(--text-color-light);margin-bottom:2.5rem}.auth-form{width:100%}.project-item__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.project-item{display:flex;justify-content:space-between;align-items:center}.project-item:not(:last-child){border-bottom:1px solid var(--border-color);padding-bottom:5px;margin-bottom:5px}.project-item__name{font-size:1.125rem;font-weight:600;color:var(--text-color);text-decoration:none;margin-bottom:0}.project-item__name:hover{color:var(--primary-color)}.project-item__description{color:var(--text-color-light);margin-top:0}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;align-items:start}.note-block{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--background-color);border:1px solid var(--background-color);border-radius:var(--border-radius);padding:1rem;min-height:150px;text-decoration:none;color:var(--text-color);transition:border-color .2s,box-shadow .2s}.note-block:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d}.note-block__content{max-height:300px;overflow:hidden;word-wrap:break-word}.note-block__footer{font-size:.875rem;color:var(--text-color-light);margin-top:1rem}.note-block--add:hover{border-color:var(--border-color);box-shadow:none}.note-block--add .form-textarea{background-color:var(--background-color);min-height:100px;padding:0;border:none}.note-block--add .form-textarea:focus{border:none;box-shadow:none}.note-block--add .btn{margin-top:.5rem}.password-card .note-block__content{max-height:none}.password-card .password-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.password-card .password-card__name{font-size:1.125rem;font-weight:600;color:var(--text-color);margin-bottom:0;flex-shrink:1;word-break:break-word}.password-card .password-card__group{display:inline-block;padding:.15rem .6rem;font-size:.75rem;font-weight:600;background-color:var(--background-color-alt);color:var(--text-color-light);border-radius:9999px;flex-shrink:0;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.password-card .password-card__website{font-size:.875rem;color:var(--text-color-light);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.password-card .password-card__website:hover{color:var(--primary-color);text-decoration:underline}.password-card .password-card__login-wrapper{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.password-card .password-card__login-text{font-size:.875rem;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.password-card .password-card__copy-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center}.password-card .password-card__copy-btn svg{width:16px;height:16px;color:var(--text-color-light)}.password-card .password-card__copy-btn:hover{background-color:var(--background-color-alt)}.password-card .password-card__copy-btn:hover svg{color:var(--primary-color)}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.calendar-nav__title{font-size:1.5rem;font-weight:600;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--border-color);border-left:1px solid var(--border-color)}.calendar-header{padding:.75rem .5rem;font-weight:600;font-size:.875rem;text-align:center;background-color:var(--background-color-alt);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.calendar-day,.calendar-day--empty{min-height:120px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:var(--background-color)}.calendar-day{padding:.5rem;transition:background-color .2s}.calendar-day[data-modal-trigger]{cursor:pointer}.calendar-day[data-modal-trigger]:hover{background-color:var(--background-color-alt)}.calendar-day.day-number{font-weight:500;margin-bottom:.5rem}.calendar-day.is-droppable{background-color:var(--background-color-alt)}.calendar-day .is-dragging{opacity:.4;transform:scale(1.05)}.habits-list,.reminders-list{display:flex;flex-direction:column;gap:.35rem}.habit-item,.reminder-item{background-color:rgba(var(--primary-color),.1);color:var(--primary-color-dark);padding:.3rem .6rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:grab;transition:all .2s;display:flex;gap:.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.habit-item .habit-item__time,.habit-item .reminder-item__time,.reminder-item .habit-item__time,.reminder-item .reminder-item__time{font-weight:700}.habit-item .habit-item__title,.habit-item .reminder-item__title,.reminder-item .habit-item__title,.reminder-item .reminder-item__title{flex-grow:1;white-space:normal;word-break:break-word;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.habit-item:hover,.reminder-item:hover{transform:scale(1.03)}.habit-item.is-dragging,.is-dragging.reminder-item{opacity:.5;background-color:var(--border-color)}.habit-item.is-completed,.is-completed.reminder-item{background-color:#ecfdf5;color:#065f46;text-decoration:line-through;opacity:.8}.habit-item.is-failed,.is-failed.reminder-item{background-color:#fef2f2;color:#b91c1c;text-decoration:line-through;opacity:.8}@media(max-width:768px){.calendar-nav{flex-direction:column;gap:1rem}.calendar-header,.calendar-day--empty{display:none}.calendar-grid{grid-template-columns:1fr;border-top:none;border-left:none}.calendar-day,.calendar-day--empty{min-height:auto}.calendar-day:not(:nth-child(7n+1)),.calendar-day--empty:not(:nth-child(7n+1)){border-left:none}.calendar-day,.calendar-day--empty{border-bottom:1px solid var(--border-color)}.calendar-day:first-child,.calendar-day--empty:first-child{border-top:1px solid var(--border-color)}.calendar-day{padding:1rem}.calendar-day:not(:first-child){border-left:none}.day-number{font-size:1.125rem;font-weight:600;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.day-number.is-today{padding-bottom:0}.habit-item,.reminder-item{padding:.2rem;font-size:.75rem}.habit-item .habit-item__time,.habit-item .reminder-item__time,.reminder-item .habit-item__time,.reminder-item .reminder-item__time{display:none}}.calendar-day.is-today{background-color:#f0f9ff}.calendar-day.is-today .day-number.is-today{background-color:var(--primary-color);color:var(--white);border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.reminder-item{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.reminder-item__title{flex-grow:1;margin-right:.5rem}.reminder-item__repeat{flex-shrink:0;color:var(--text-color-light)}.reminder-item__repeat .w-3{width:.75rem}.reminder-item__repeat .h-3{height:.75rem}.reminder-item.is-past{opacity:.6;background-color:var(--background-color-alt);color:var(--text-color-light)}.reminder-item.is-past:hover{transform:none;box-shadow:none}.reminder-item.is-past .reminder-item__repeat{color:var(--text-color-light)}.task-board-wrapper{overflow-x:auto;padding-bottom:1rem;margin-bottom:1rem;flex-grow:1;display:flex}.task-board{display:flex;gap:1rem;min-width:fit-content;height:100%}.task-column{width:350px;flex-shrink:0;background-color:var(--background-color-alt);border-radius:var(--border-radius);display:flex;flex-direction:column;height:100%}.task-column__header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.task-column__header h3{font-size:1rem;font-weight:600}.task-column__nav{display:flex;gap:.25rem}.task-column__nav button{background:none;border:none;color:var(--text-color-light);cursor:pointer;padding:.25rem;border-radius:4px}.task-column__nav button:hover{background-color:var(--border-color);color:var(--text-color)}.task-column__body{padding:.75rem;overflow-y:auto;flex-grow:1;min-height:80px;border:2px dashed transparent;transition:background-color .2s,border-color .2s}.task-column__body.is-droppable{background-color:rgba(var(--primary-color),.05);border-color:var(--primary-color)}.task-board__loader,.task-agenda__loader{padding:2rem;text-align:center;color:var(--text-color-light)}.task-item{background-color:var(--background-color);border-radius:6px;padding:.75rem;margin-bottom:.75rem;border:1px solid var(--border-color);cursor:pointer;transition:box-shadow .2s,transform .2s;-webkit-user-select:none;user-select:none}.task-item:hover{box-shadow:0 4px 8px #00000012;transform:translateY(-1px)}.task-item.is-dragging{opacity:.4;box-shadow:0 8px 16px #0000001a;transform:rotate(3deg)}.task-item .task-item__main{display:flex;align-items:flex-start;gap:.5rem}.task-item .task-item__checkbox{flex-shrink:0;margin-top:.15rem;width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.task-item .task-item__content{flex-grow:1}.task-item__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.35rem}.task-item__title{font-weight:500;line-height:1.4;word-break:break-word}.task-item__project{font-size:.7rem;padding:.15rem .5rem;flex-shrink:0;white-space:nowrap}.task-item__tags{display:flex;flex-wrap:wrap;gap:.35rem}.task-item__tag{background-color:color-mix(in srgb,var(--tag-color, #cccccc) 20%,transparent);color:color-mix(in srgb,var(--tag-color, #cccccc) 100%,black 30%);padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;line-height:1.3}.task-item.is-completed{opacity:.7;background-color:var(--background-color-alt)}.task-item.is-completed .task-item__title{text-decoration:line-through;color:var(--text-color-light)}.task-item.is-overdue{border-left:3px solid var(--error-color);padding-left:calc(.75rem - 3px)}.task-agenda-mobile{display:none}.task-agenda__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--background-color-alt);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.task-agenda__header h2{font-size:1.25rem;font-weight:600}.task-agenda__list{padding:.5rem}@media(max-width:768px){.task-board-wrapper{display:none}.task-agenda-mobile{display:block}.task-item{padding:.5rem}.task-item__title{font-size:.9rem}}.backlog-list{padding:.5rem;min-height:100px;border:2px dashed transparent;transition:background-color .2s,border-color .2s}.backlog-list .task-item{margin-bottom:.5rem}.backlog-list.is-droppable{background-color:var(--background-color-alt);border-color:var(--primary-color)}.filter-tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.filter-tag-label{cursor:pointer;display:inline-block}.filter-tag-label input[type=checkbox]{display:none}.filter-tag-label .badge,.filter-tag-label .task-item__project{transition:all .2s;opacity:.7;border:1px solid transparent}.filter-tag-label input[type=checkbox]:checked+.badge,.filter-tag-label input[type=checkbox]:checked+.task-item__project{opacity:1;border-color:color-mix(in srgb,var(--tag-color, #cccccc) 100%,black 30%);box-shadow:0 0 0 2px color-mix(in srgb,var(--tag-color, #cccccc) 20%,transparent)}.board-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.board-navigation{display:flex;align-items:center;gap:.75rem}.board-navigation__current-date{font-weight:500;min-width:150px;text-align:center;white-space:nowrap}.task-column.is-current{background-color:var(--background-color)}.task-column.is-current .task-column__header h3{color:var(--primary-color);font-weight:700}.task-agenda__header.is-current{border-top:3px solid var(--primary-color);background-color:#eef2ff}.task-agenda__header.is-current h2{color:var(--primary-color)}.dashboard-header{text-align:center;margin-bottom:2.5rem}.dashboard-time{font-size:4rem;font-weight:700;line-height:1.1;color:var(--text-color);letter-spacing:-.025em}.dashboard-date{font-size:1.125rem;color:var(--text-color-light);margin-top:.5rem}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.dashboard-grid .dashboard-chart-card{grid-column:span 2/span 2}}.dashboard-stats .card-body{display:flex;justify-content:space-around;align-items:center;gap:1rem;padding:1rem 1.5rem}.stat-item{text-align:center}.stat-value{display:block;font-size:2.25rem;font-weight:700;color:var(--primary-color);line-height:1.2}.stat-label{display:block;font-size:.875rem;color:var(--text-color-light);margin-top:.25rem}.dashboard-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-list-item{margin-bottom:0}.dashboard-list-item a{flex-grow:1;text-decoration:none;color:var(--text-color);transition:color .2s}.dashboard-list-item a:hover{color:var(--primary-color)}.dashboard-list-item .task-item__checkbox{flex-shrink:0;margin-top:0}.dashboard-list-item.task-item.is-overdue a{color:var(--error-color)}#habit-chart-container{min-height:250px}.habit-stats-summary{display:flex;justify-content:space-around;align-items:baseline;gap:1rem;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--border-color)}.habit-stats-summary .stat-item{text-align:center}.habit-stats-summary .stat-value{font-size:1.75rem}.habit-stats-summary .stat-label{font-size:.8rem}.habit-stats-summary .text-green-600{color:#059669}.habit-stats-summary .text-red-600{color:#dc2626}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.pt-2{padding-top:.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.max-w-2xl{max-width:42rem}.bg-white{background-color:var(--white)}