:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fafafa;color:#1d1d1f}a{color:#1d1d1f;text-decoration:none}a:hover{opacity:.8}button{font-family:inherit}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fafafa;padding:2rem}.login-box{background:#fff;padding:3rem 2.5rem;border-radius:24px;width:100%;max-width:420px;border:1px solid rgba(0,0,0,.06)}.login-box h1{margin-bottom:2rem;color:#1d1d1f;text-align:center;font-size:2rem;font-weight:700;letter-spacing:-.03em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.form-group label{display:block;margin-bottom:.625rem;color:#1d1d1f;font-weight:600;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.form-group input{width:100%;padding:1rem 1.25rem;border:1px solid rgba(0,0,0,.08);border-radius:12px;font-size:.9375rem;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);background:#f5f5f7;color:#1d1d1f}.form-group input::placeholder{color:#86868b}.form-group input:focus{outline:none;background:#fff;border-color:#1d1d1f}.btn-primary{width:100%;padding:1rem;background:#1d1d1f;color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.btn-primary:hover{background:#2d2d2d}.btn-primary:active{transform:scale(.98)}.btn-link{width:100%;padding:.75rem;background:none;color:#1d1d1f;border:none;cursor:pointer;margin-top:1rem;font-size:.875rem;font-weight:500;transition:opacity .2s;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;opacity:.6}.btn-link:hover{opacity:1}.error{background:#ff3b301a;color:#ff3b30;padding:.875rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.message{background:#34c7591a;color:#34c759;padding:.875rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}@media(max-width:640px){.login-box{padding:2rem 1.5rem}.login-box h1{font-size:1.75rem}}.task-card{border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem;border:none;height:100%;min-height:200px;position:relative}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.task-card.completed{opacity:.6}.task-card.completed .task-title{text-decoration:line-through;color:#86868b}.task-card.processing{animation:shimmer 1.5s infinite linear;background-size:200% 100%;background-image:linear-gradient(-45deg,#eaeaea,#f5f5f5,#eaeaea)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start}.task-header-left{display:flex;align-items:center;gap:.75rem}.task-checkbox{width:24px;height:24px;border:2px solid rgba(0,0,0,.2);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;background:#fff}.task-checkbox:hover{border-color:#0006;transform:scale(1.05)}.task-checkbox.checked{background:#34c759;border-color:#34c759;color:#fff}.task-checkbox svg{animation:checkmark .3s cubic-bezier(.4,0,.2,1)}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.task-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.task-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.task-card:hover .task-actions{opacity:1}.btn-action{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s ease;color:#1d1d1f;text-decoration:none;opacity:.5}.btn-action:hover{background:#0000000f;opacity:1}.btn-action:active{background:#0000001a;transform:scale(.95)}.btn-delete:hover{background:#ff3b301a;color:#ff3b30;opacity:1}.task-content{flex:1;display:flex;flex-direction:column;gap:.625rem}.task-title{margin:0;color:#1d1d1f;font-size:1.25rem;font-weight:600;line-height:1.3;word-break:break-word;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.task-date{color:#1d1d1f;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;opacity:.7}.task-time{color:#1d1d1f;font-size:.9375rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;opacity:.8}.task-description{color:#1d1d1f;font-size:.875rem;line-height:1.5;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;opacity:.7}.task-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.task-tag{display:inline-block;padding:.25rem .625rem;background:#0000000d;border-radius:8px;font-size:.75rem;font-weight:500;color:#1d1d1f;opacity:.6}.completed-badge{display:inline-block;padding:.375rem .75rem;background:#34c75933;color:#34c759;border-radius:12px;font-size:.75rem;font-weight:600;align-self:flex-start}.task-meta{padding-top:.5rem;border-top:1px solid rgba(0,0,0,.06);position:relative}.task-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#1d1d1f;opacity:.5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.task-type.clickable{cursor:pointer;transition:opacity .2s}.task-type.clickable:hover{opacity:.8}.category-menu{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:.5rem;min-width:200px;z-index:100;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-menu-section{margin-bottom:.5rem}.category-menu-section:last-child{margin-bottom:0}.category-menu-title{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#86868b;padding:.5rem .75rem .25rem}.category-menu-item{display:block;width:100%;text-align:left;padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:.875rem;font-weight:500;color:#1d1d1f;transition:background .2s}.category-menu-item:hover{background:#0000000d}.meeting-link-section{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.btn-join-meeting{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#0000000f;color:#1d1d1f;border:none;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.btn-join-meeting:hover{background:#0000001a}.btn-join-meeting:active{background:#0000001f}.edit-modal-overlay{position:fixed!important;inset:0!important;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.edit-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1d1d1f}.btn-close{width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#1d1d1f;transition:all .2s}.btn-close:hover{background:#0000001a}.edit-modal-content{padding:1.5rem;overflow-y:auto;max-height:calc(85vh - 150px)}.edit-field{margin-bottom:1.25rem}.edit-field:last-child{margin-bottom:0}.edit-field label{display:block;font-size:.875rem;font-weight:600;color:#1d1d1f;margin-bottom:.5rem}.edit-field input,.edit-field textarea,.edit-field select{width:100%;padding:.75rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:all .2s;background:#fff}.edit-field input:focus,.edit-field textarea:focus,.edit-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.edit-field textarea{resize:vertical;min-height:80px}.edit-field input[type=color]{height:50px;cursor:pointer}.edit-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.edit-modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.btn-cancel,.btn-save{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#0000000d;color:#1d1d1f}.btn-cancel:hover{background:#0000001a}.btn-save{background:#667eea;color:#fff}.btn-save:hover{background:#5568d3}@media(max-width:640px){.task-card{min-height:180px;padding:1.25rem}.task-title{font-size:1.125rem}.task-icon{width:48px;height:48px}}.task-input-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;width:90%;max-width:900px}.task-input-form{display:flex;gap:.75rem;background:#fff;padding:.75rem;border-radius:50px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.task-input{flex:1;padding:1rem 1.25rem;font-size:.9375rem;border:none;border-radius:50px;background:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;color:#1d1d1f}.task-input::placeholder{color:#86868b}.task-input:focus{outline:none}.btn-add{width:52px;height:52px;border-radius:12px;border:none;background:transparent;color:#1d1d1f;font-size:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;font-weight:300;flex-shrink:0}.btn-add:hover{background:#0000000d}.btn-add:active{background:#0000001a}.input-error{margin-top:.75rem;padding:.875rem;background:#ff3b301a;color:#ff3b30;border-radius:12px;font-size:.875rem;text-align:center}@media(max-width:640px){.task-input-container{bottom:1rem;width:95%}.task-input-form{padding:.625rem}.task-input{padding:.875rem 1rem;font-size:.875rem}.btn-add{width:48px;height:48px;font-size:1.5rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:20px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.06)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1d1d1f}.modal-close{background:none;border:none;font-size:2rem;color:#86868b;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1}.modal-close:hover{background:#f5f5f7;color:#1d1d1f}.category-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#1d1d1f}.form-group input[type=text],.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:all .2s;background:#f5f5f7}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#1d1d1f;background:#fff}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group input[type=color]{width:100%;height:44px;border:1px solid rgba(0,0,0,.1);border-radius:12px;cursor:pointer;background:#f5f5f7}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.06)}.btn-cancel,.btn-save{flex:1;padding:.875rem 1.5rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn-cancel{background:#f5f5f7;color:#1d1d1f}.btn-cancel:hover{background:#e8e8ed}.btn-save{background:#1d1d1f;color:#fff}.btn-save:hover{background:#2d2d2d}.calendar-widget{background:transparent;padding:24px;height:100%;display:flex;flex-direction:column}.calendar-header{margin-bottom:24px}.calendar-title{font-size:18px;font-weight:600;color:#1f2937}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.weekday-label{text-align:center;font-size:12px;color:#9ca3af;font-weight:500;padding:4px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;flex:1}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer;transition:background .2s ease,color .2s ease;position:relative}.calendar-day:hover{background:#f3f4f6}.calendar-day.today{background:#3b82f6;color:#fff;font-weight:600}.calendar-day.today:hover{background:#2563eb}.calendar-day.has-tasks{font-weight:600;color:#1f2937}.calendar-day.selected{background:#1f2937;color:#fff;font-weight:600}.calendar-day.selected:hover{background:#374151}.calendar-day.selected .day-indicator{background:#fff}.day-number{position:relative;z-index:1}.day-indicator{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#3b82f6;z-index:2}.calendar-day.today .day-indicator{background:#fff}@media(max-width:768px){.calendar-widget{padding:1rem}.calendar-days,.calendar-weekdays{gap:.25rem}.calendar-day{font-size:.75rem}.weekday-label{font-size:.7rem}}.dashboard{width:100%;padding:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;max-width:1400px;margin:0 auto}.dashboard-card{background:#f9fafb;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.dashboard-card.clickable{cursor:pointer}.dashboard-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;background:#f3f4f6}.summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.summary-number{font-size:56px;font-weight:600;color:#1e40af;line-height:1}.summary-label{font-size:14px;color:#3b82f6;font-weight:500}.streak-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fff7ed,#ffedd5)}.streak-icon{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;flex-shrink:0;box-shadow:0 2px 4px #fb923c1a}.streak-content{flex:1;display:flex;flex-direction:column;gap:6px}.streak-current{display:flex;align-items:baseline;gap:8px}.streak-number{font-size:36px;font-weight:700;color:#ea580c;line-height:1}.streak-label{font-size:14px;color:#9a3412;font-weight:500}.streak-longest{display:flex;align-items:center}.streak-longest-label{font-size:12px;color:#c2410c;font-weight:500;background:#ffffff80;padding:4px 8px;border-radius:6px}.type-card{display:flex;align-items:center;gap:16px}.type-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;flex-shrink:0}.type-content{flex:1}.type-count{font-size:28px;font-weight:600;color:#1f2937;line-height:1;margin-bottom:4px}.type-label{font-size:14px;color:#6b7280}.type-card:nth-child(3){background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.type-card:nth-child(3) .type-count{color:#0284c7}.type-card:nth-child(3) .type-label{color:#0ea5e9}.type-card:nth-child(4){background:linear-gradient(135deg,#f7fee7,#ecfccb)}.type-card:nth-child(4) .type-icon{color:#4d7c0f}.type-card:nth-child(4) .type-count{color:#4d7c0f}.type-card:nth-child(4) .type-label{color:#65a30d}.type-card:nth-child(5) .type-count{color:#db2777}.type-card:nth-child(5) .type-label{color:#ec4899}.type-card:nth-child(6){background:linear-gradient(135deg,#fefce8,#fef9c3)}.type-card:nth-child(6) .type-count{color:#ca8a04}.type-card:nth-child(6) .type-label{color:#eab308}.calendar-card{grid-column:span 2;padding:0;overflow:visible;display:flex;flex-direction:column}.upcoming-card{grid-column:span 2}.card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.upcoming-list{display:flex;flex-direction:column;gap:12px}.upcoming-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:12px;transition:background .2s ease}.upcoming-item.clickable-item{cursor:pointer}.upcoming-item.clickable-item:hover{background:#f9fafb}.upcoming-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:10px;flex-shrink:0}.upcoming-content{flex:1;min-width:0}.upcoming-title{font-size:15px;font-weight:500;color:#1f2937;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-date{font-size:13px;color:#6b7280}@media(max-width:1024px){.calendar-card,.upcoming-card{grid-column:span 2}}@media(max-width:768px){.dashboard{padding:16px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:12px}.calendar-card,.upcoming-card{grid-column:span 2}.summary-number{font-size:48px}.type-count{font-size:24px}.type-icon{font-size:28px;width:48px;height:48px}}@media(max-width:480px){.dashboard-grid{grid-template-columns:1fr}.calendar-card,.upcoming-card,.summary-card,.type-card{grid-column:span 1}}.calendar-date-tasks{margin-top:24px;padding:24px;border-top:1px solid #e5e7eb}.calendar-date-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-date-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.calendar-date-clear{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease}.calendar-date-clear:hover{background:#fff}.calendar-date-empty{text-align:center;padding:20px;color:#9ca3af;font-size:14px}.calendar-date-list{display:flex;flex-direction:column;gap:8px}.calendar-date-task{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:10px;transition:background .2s ease}.calendar-date-task:hover{background:#f9fafb}.calendar-date-task-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:8px;flex-shrink:0}.calendar-date-task-content{flex:1;min-width:0}.calendar-date-task-title{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-date-task-time{font-size:13px;color:#6b7280}.calendar-date-task-check{font-size:16px;color:#10b981;flex-shrink:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;width:100%}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#fafafa;color:#1d1d1f;gap:1rem}.loading-tasks{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#86868b}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.06);border-top-color:#ff6b6b;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-container{min-height:100vh;background:#fff;display:flex;flex-direction:column}.app-header{background:#fff;padding:1.5rem 2rem}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.title-section{display:flex;align-items:center;gap:1rem}.app-title{margin:0;color:#1d1d1f;font-size:1.875rem;font-weight:700;letter-spacing:-.03em}.ai-cost{font-size:.75rem;color:#86868b;font-weight:500;padding:.375rem .75rem;background:#f5f5f7;border-radius:12px;white-space:nowrap}.user-info{display:flex;align-items:center;gap:.75rem}.btn-category{background:none;border:none;color:#1d1d1f;font-size:1.5rem;cursor:pointer;font-weight:300;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.btn-category:hover{transform:scale(1.1)}.user-email{color:#86868b;font-size:.875rem;font-weight:500}.btn-signout{padding:.5rem 1.125rem;background:#f5f5f7;color:#1d1d1f;border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.btn-signout:hover{background:#e8e8ed}.filter-tabs{max-width:1200px;margin:0 auto;display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem}.filter-tabs button{padding:.625rem 1.25rem;background:#f5f5f7;border:none;border-radius:16px;cursor:pointer;font-size:.875rem;font-weight:600;color:#1d1d1f;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-family:inherit}.filter-tabs button:hover{background:#e8e8ed}.filter-tabs button.active{background:#1d1d1f;color:#fff}.app-main{flex:1;padding:2rem;padding-bottom:140px;max-width:1200px;width:100%;margin:0 auto}.tasks-section{margin-bottom:2.5rem}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-title{color:#86868b;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:0;font-weight:700}.btn-delete-all{padding:.5rem 1rem;background:#ff3b30;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.btn-delete-all:hover{background:#e6342a;transform:translateY(-1px)}.btn-delete-all:active{transform:translateY(0)}.empty-state{text-align:center;padding:6rem 2rem;color:#86868b}.empty-state h2{font-size:1.75rem;margin-bottom:.75rem;color:#1d1d1f;font-weight:700}.empty-state p{font-size:1rem;color:#86868b}@media(max-width:1024px){.task-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.app-header{padding:1.25rem 1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.app-title{font-size:1.625rem}.app-main{padding:1.5rem 1rem;padding-bottom:220px}.task-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:640px){.app-main{padding:1rem;padding-bottom:240px}.filter-tabs{gap:.5rem}.filter-tabs button{padding:.5rem 1rem;font-size:.8125rem}}