:root{--priority-high-primary: #dc2626;--priority-high-secondary: #991b1b;--priority-high-light: #fef2f2;--priority-high-lighter: #fee2e2;--priority-high-alpha-10: rgba(220, 38, 38, .1);--priority-high-alpha-20: rgba(220, 38, 38, .2);--priority-high-alpha-25: rgba(220, 38, 38, .25);--priority-normal-primary: #c49a9a;--priority-normal-secondary: #b0888a;--priority-normal-light: #faf8f8;--priority-normal-lighter: #f5f0f0;--priority-normal-alpha-10: rgba(196, 154, 154, .1);--priority-normal-alpha-20: rgba(196, 154, 154, .2);--priority-normal-alpha-25: rgba(196, 154, 154, .25);--priority-low-primary: #9ca3af;--priority-low-secondary: #6b7280;--priority-low-light: #f9fafb;--priority-low-lighter: #f3f4f6;--priority-low-alpha-10: rgba(156, 163, 175, .1);--priority-low-alpha-20: rgba(156, 163, 175, .2);--priority-low-alpha-25: rgba(156, 163, 175, .25);--priority-high-gradient: linear-gradient( 135deg, var(--priority-high-primary), var(--priority-high-secondary) );--priority-normal-gradient: linear-gradient( 135deg, var(--priority-normal-primary), var(--priority-normal-secondary) );--priority-low-gradient: linear-gradient( 135deg, var(--priority-low-primary), var(--priority-low-secondary) );--priority-high-bg-gradient: linear-gradient( 135deg, var(--priority-high-light) 0%, var(--priority-high-lighter) 100% );--priority-normal-bg-gradient: linear-gradient( 135deg, var(--priority-normal-light) 0%, var(--priority-normal-lighter) 100% );--priority-low-bg-gradient: linear-gradient( 135deg, var(--priority-low-light) 0%, var(--priority-low-lighter) 100% );--priority-high-shadow: 0 2px 8px var(--priority-high-alpha-20);--priority-normal-shadow: 0 2px 8px var(--priority-normal-alpha-20);--priority-low-shadow: 0 2px 8px var(--priority-low-alpha-20);--priority-high-border: var(--priority-high-primary);--priority-normal-border: var(--priority-normal-primary);--priority-low-border: var(--priority-low-primary);--due-date-overdue-primary: #dc2626;--due-date-overdue-secondary: #991b1b;--due-date-overdue-light: #fee2e2;--due-date-overdue-lighter: #fecaca;--due-date-overdue-alpha-10: rgba(220, 38, 38, .1);--due-date-overdue-alpha-20: rgba(220, 38, 38, .2);--due-date-today-primary: #ffffff;--due-date-today-light: #EA580C;--due-date-today-alpha-10: rgba(234, 88, 12, .1);--due-date-today-alpha-20: rgba(234, 88, 12, .2);--due-date-soon-primary: #92400e;--due-date-soon-light: #FFF0C5;--due-date-soon-alpha-10: rgba(255, 240, 197, .1);--due-date-soon-alpha-20: rgba(255, 240, 197, .2);--due-date-normal-primary: #faf8f8;--due-date-normal-light: #c49a9a;--due-date-normal-alpha-10: rgba(196, 154, 154, .1);--due-date-normal-alpha-20: rgba(196, 154, 154, .2);--due-date-overdue-gradient: linear-gradient( 135deg, var(--due-date-overdue-primary), var(--due-date-overdue-secondary) );--due-date-overdue-bg-gradient: linear-gradient( 135deg, var(--due-date-overdue-light) 0%, var(--due-date-overdue-lighter) 100% );--due-date-overdue-shadow: 0 2px 8px var(--due-date-overdue-alpha-20);--due-date-today-shadow: 0 2px 8px var(--due-date-today-alpha-20);--due-date-soon-shadow: 0 2px 8px var(--due-date-soon-alpha-20);--due-date-normal-shadow: 0 2px 8px var(--due-date-normal-alpha-20)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f640,0 2px 4px #3b82f626;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f64d,0 4px 12px #3b82f633}.btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:after{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background:linear-gradient(180deg,#c49a9a 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.btn-primary:hover:after{opacity:.8}.btn-secondary{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;min-width:150px;height:auto;line-height:1.25rem;background:linear-gradient(135deg,#fff,#f9fafb);color:#0f2338!important;border:2px solid rgba(15,35,56,.08);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0f233814,0 2px 6px #c49a9a0d,inset 0 1px #fffc;overflow:hidden;letter-spacing:.025em}.btn-secondary:before{content:"";position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(135deg,#c49a9a,#0f2338,#c49a9a);z-index:-1;opacity:0;transition:opacity .3s ease}.btn-secondary:hover:before{opacity:.15}.btn-secondary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(196,154,154,.08) 50%,transparent 100%);transition:left .6s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover:after{left:100%}.btn-secondary:hover{background:linear-gradient(135deg,#f9fafb,#fff);color:#0f2338!important;transform:translateY(-2px);border-color:#0f233826;box-shadow:0 8px 20px #0f23381f,0 4px 10px #c49a9a14,inset 0 1px #fff}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 6px #0f233814,0 1px 3px #c49a9a0d,inset 0 1px 2px #0f23380d}.btn-secondary .btn-icon{display:flex;align-items:center;justify-content:center;font-size:1.1rem}.btn-secondary .btn-text{position:relative;z-index:2;letter-spacing:.025em;line-height:1}.btn-secondary svg{width:16px;height:16px;color:#0f2338;transition:all .3s cubic-bezier(.4,0,.2,1);stroke:#0f2338;stroke-width:2;filter:drop-shadow(0 1px 2px rgba(15,35,56,.1))}.btn-secondary:hover svg{color:#0f2338;stroke:#0f2338;transform:rotate(5deg);filter:drop-shadow(0 2px 4px rgba(196,154,154,.2))}.btn-secondary:hover svg circle{stroke-dasharray:28;stroke-dashoffset:0;animation:premiumSearch .6s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover svg path{animation:handlePulse .6s cubic-bezier(.4,0,.2,1)}@keyframes premiumSearch{0%{stroke-dashoffset:28;stroke:#0f2338}50%{stroke:#c49a9a}to{stroke-dashoffset:0;stroke:#0f2338}}@keyframes handlePulse{0%,to{transform:translate(0)}50%{transform:translate(1px,1px)}}.task-item.clickable{transition:background-color .2s ease,box-shadow .2s ease}.task-item.clickable:hover{background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a}.task-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #2c5530;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.task-details-error{text-align:center;padding:2rem;color:#dc3545}.checklist-group{margin-top:1.5rem}.checklist-items{margin-top:.5rem}.checklist-item{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid #eee}.checklist-item:last-child{border-bottom:none}.checklist-item.completed .checklist-text{text-decoration:line-through;color:#999}.checklist-checkbox{margin-right:.75rem;width:18px;height:18px;cursor:default}.checklist-text{flex:1;font-size:.95rem}.App{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}