@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.flex{display:flex}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: #1a1a24;--bg-card: #1f1f2e;--bg-hover: #252535;--text-primary: #ffffff;--text-secondary: #b4b4c8;--text-tertiary: #8b8b9f;--accent-primary: #7c3aed;--accent-secondary: #a78bfa;--accent-gradient: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .3);--glow: rgba(124, 58, 237, .3)}:root[data-theme=light]{--bg-primary: #f8f9fe;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f9;--bg-card: #ffffff;--bg-hover: #e8eaf5;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-tertiary: #6b6b8b;--accent-primary: #7c3aed;--accent-secondary: #a78bfa;--accent-gradient: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border: rgba(0, 0, 0, .08);--shadow: rgba(0, 0, 0, .08);--glow: rgba(124, 58, 237, .15)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-wrapper{position:relative;min-height:100vh;overflow:hidden}.bg-gradient{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.15),transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.1),transparent 40%),radial-gradient(circle at 20% 80%,rgba(59,130,246,.1),transparent 40%);animation:gradientShift 20s ease infinite;pointer-events:none;z-index:0}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-5%,-5%) rotate(120deg)}66%{transform:translate(5%,5%) rotate(240deg)}}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:float 20s ease-in-out infinite}.shape-1{width:300px;height:300px;background:linear-gradient(135deg,#7c3aed,#ec4899);top:10%;left:20%;animation-delay:0s}.shape-2{width:250px;height:250px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);bottom:20%;right:15%;animation-delay:7s}.shape-3{width:200px;height:200px;background:linear-gradient(135deg,#ec4899,#f97316);bottom:30%;left:10%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.container{position:relative;max-width:1400px;margin:0 auto;padding:2rem;z-index:1}.header{margin-bottom:2.5rem;animation:slideDown .6s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.logo-section{display:flex;align-items:center;gap:1rem}.logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:16px;box-shadow:0 8px 24px var(--glow);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px var(--glow)}50%{transform:scale(1.05);box-shadow:0 12px 32px var(--glow)}}.logo-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo-text{font-size:1.75rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.stats-quick{display:flex;gap:1rem}.stat-badge{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .3s ease}.stat-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.stat-badge.completed{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border-color:#10b9814d}.stat-number{font-size:1.5rem;font-weight:700;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.action-buttons{display:flex;gap:.75rem}.icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.primary-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-gradient);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px var(--glow)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--glow)}.primary-btn:active{transform:translateY(0)}.filters-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 16px var(--shadow);animation:slideDown .4s ease;transition:all .3s ease}.filters-panel.hidden{display:none;opacity:0;transform:translateY(-10px)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.search-wrapper{position:relative}.search-wrapper svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.filter-input,.filter-select{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.filter-select{padding-left:1rem}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--glow)}.checkbox-group{justify-content:center}.checkbox-filter{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-filter input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.add-task-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px var(--shadow);animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.add-task-panel.hidden{display:none}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:none;border-radius:10px;color:var(--text-tertiary);cursor:pointer;transition:all .3s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.form-body{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.85rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.modern-input,.modern-select,.modern-textarea{width:100%;padding:1rem 1.25rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}.modern-input:focus,.modern-select:focus,.modern-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--glow);transform:translateY(-1px)}.modern-input::-moz-placeholder,.modern-textarea::-moz-placeholder{color:var(--text-tertiary)}.modern-input::placeholder,.modern-textarea::placeholder{color:var(--text-tertiary)}.modern-textarea{resize:vertical;min-height:80px}.form-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.form-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.secondary-btn{padding:.75rem 1.5rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.submit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--accent-gradient);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px var(--glow)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow)}.main-section{min-height:400px}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;animation:fadeIn .5s ease}.tasks-grid.stagger-children .task-card{opacity:0;animation:staggerFadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:slideUp .4s ease;overflow:hidden;will-change:transform}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease}.task-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 16px 48px var(--shadow),0 0 0 1px var(--accent-primary);border-color:var(--accent-secondary)}.task-card:active{transform:translateY(-4px) scale(1.01)}.task-card:hover:before{opacity:1}.task-card.completed{opacity:.6}.task-card.completed:hover{opacity:.8}.task-card.priority-high{border-color:#ef44444d}.task-card.priority-medium{border-color:#f59e0b4d}.task-card.priority-low{border-color:#10b9814d}.task-card.overdue{background:linear-gradient(135deg,rgba(239,68,68,.05),transparent);border-color:#ef444466;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.task-header{display:flex;gap:1rem;margin-bottom:1rem}.task-checkbox-wrapper{flex-shrink:0;padding-top:.25rem}.task-checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--success);transition:transform .2s ease}.task-checkbox:checked{animation:checkBounce .3s ease}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.task-content{flex:1;min-width:0}.task-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4;word-wrap:break-word;transition:all .3s ease}.task-title.completed{text-decoration:line-through;color:var(--text-tertiary)}.task-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.task-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.priority-badge{color:#fff}.priority-badge.priority-high{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.priority-badge.priority-medium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.priority-badge.priority-low{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.category-badge{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.due-date-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.due-date-badge.overdue{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulse 2s infinite}.task-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.task-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.task-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.task-action-btn.delete:hover{background:rgba(239,68,68,.1);color:var(--danger);border-color:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;animation:fadeIn .5s ease}.empty-state-icon{width:120px;height:120px;margin-bottom:1.5rem;opacity:.5;animation:float 3s ease-in-out infinite}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{font-size:1rem;color:var(--text-tertiary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;animation:fadeIn .2s ease}.modal-overlay.hidden{display:none}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2rem;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow);animation:modalSlide .3s ease;position:relative}@keyframes modalSlide{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:none;border-radius:10px;color:var(--text-tertiary);cursor:pointer;transition:all .3s ease}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}@media (max-width: 768px){.container{padding:1rem}.header{margin-bottom:1.5rem}.header-content{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.stats-quick{flex:1}.tasks-grid{grid-template-columns:1fr;gap:1rem}.filters-grid,.form-row-grid{grid-template-columns:1fr}.modal-card{padding:1.5rem;margin:1rem}}@media (max-width: 480px){.logo-text{font-size:1.5rem}.stat-badge{padding:.4rem .75rem}.stat-number{font-size:1.25rem}.primary-btn span{display:none}}@media print{.header-actions,.filters-panel,.add-task-panel,.task-actions,.modal-overlay,.bg-gradient,.bg-shapes{display:none!important}.tasks-grid{grid-template-columns:1fr}.task-card{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none}}.mouse-trail-particle{position:fixed;width:8px;height:8px;background:var(--accent-gradient);border-radius:50%;pointer-events:none;z-index:9999;opacity:.6;transform:translate(-50%,-50%);animation:trailFade 1s ease-out forwards}@keyframes trailFade{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}.click-ripple{position:fixed;border:2px solid var(--accent-primary);border-radius:50%;width:0;height:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);animation:rippleExpand .8s ease-out}@keyframes rippleExpand{0%{width:0;height:0;opacity:1}to{width:100px;height:100px;opacity:0}}.confetti{position:fixed;width:10px;height:10px;top:-10px;z-index:9997;opacity:1;animation:confettiFall 3s linear forwards;pointer-events:none}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9996}.firework{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent-primary);transform:translate(-50%,-50%)}.firework-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent-gradient);animation:sparkExpand 1s ease-out forwards}@keyframes sparkExpand{0%{transform:translate(0);opacity:1}to{transform:translate(var(--x),var(--y));opacity:0}}.achievement-popup{position:fixed;top:-200px;right:2rem;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 20px 60px #7c3aed66;z-index:10000;min-width:320px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.achievement-popup.show{top:2rem;animation:achievementBounce .6s ease}@keyframes achievementBounce{0%{transform:scale(.8) translateY(-20px)}50%{transform:scale(1.1) translateY(0)}70%{transform:scale(.95)}to{transform:scale(1)}}.achievement-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:achievementIconSpin .6s ease}@keyframes achievementIconSpin{0%{transform:rotate(-180deg) scale(0)}70%{transform:rotate(20deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.achievement-content{flex:1;color:#fff}.achievement-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.9;font-weight:600}.achievement-title{font-size:1.25rem;font-weight:700;margin:.25rem 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.achievement-desc{font-size:.9rem;opacity:.95}.toast{position:fixed;bottom:-100px;right:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px var(--shadow);z-index:9999;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast.show{bottom:2rem}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:1rem}.toast-success .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-warning .toast-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-message{color:var(--text-primary);font-weight:500;font-size:.9rem}.floating-particle{position:fixed;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;opacity:.4;pointer-events:none;z-index:0;animation:floatUp 8s ease-in forwards}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:.4}50%{opacity:.6}to{transform:translateY(-100vh) translate(50px);opacity:0}}.sparkle{position:fixed;width:6px;height:6px;background:var(--accent-gradient);border-radius:50%;pointer-events:none;z-index:9995;animation:sparkleOut 1s ease-out forwards}@keyframes sparkleOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.logo-icon.logo-pulse-extra{animation:logoPulseExtra 1s ease-in-out}@keyframes logoPulseExtra{0%,to{transform:scale(1);box-shadow:0 8px 24px var(--glow)}25%{transform:scale(1.15) rotate(5deg);box-shadow:0 12px 48px var(--glow)}50%{transform:scale(1.1) rotate(-5deg);box-shadow:0 16px 64px var(--glow)}75%{transform:scale(1.15) rotate(3deg);box-shadow:0 12px 48px var(--glow)}}.shake-error{animation:shakeError .5s ease}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.hover-glow{position:relative;overflow:visible}.hover-glow:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--accent-gradient);border-radius:inherit;z-index:-1;opacity:0;filter:blur(10px);transition:opacity .3s ease}.hover-glow:hover:after{opacity:.5}.progress-bar{position:relative;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-gradient);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stagger-children>*{animation:staggerFadeIn .5s ease backwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(n+6){animation-delay:.3s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-press:active{transform:scale(.95);box-shadow:none}@media (hover: hover){.magnetic{transition:transform .2s ease}}.loading-spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.breathe{animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.typewriter:after{content:"|";animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.flip-card{perspective:1000px}.flip-card-inner{transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.neon-glow{text-shadow:0 0 10px var(--accent-primary),0 0 20px var(--accent-primary),0 0 30px var(--accent-primary),0 0 40px var(--accent-primary);animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{text-shadow:0 0 10px var(--accent-primary),0 0 20px var(--accent-primary),0 0 30px var(--accent-primary),0 0 40px var(--accent-primary)}50%{text-shadow:0 0 5px var(--accent-primary),0 0 10px var(--accent-primary),0 0 15px var(--accent-primary),0 0 20px var(--accent-primary)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce-in{animation:bounceIn .6s ease}.color-shift{animation:colorShift 5s ease-in-out infinite}@keyframes colorShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}@media (max-width: 768px){.achievement-popup{right:1rem;left:1rem;min-width:auto}.toast{right:1rem;left:1rem}}