@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--secondary-gradient: linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--surface-gradient: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--bg-color: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--card-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .5);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius: 16px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--nav-width: 260px;--header-height: 70px}.dark{--bg-color: #0f172a;--text-main: #f1f5f9;--text-muted: #94a3b8;--border: #1e293b;--card-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .05)}.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-main);transition:all .3s ease;overflow-x:hidden}.glass{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.glass-hover:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dark .glass-hover:hover{background:#1e293be6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in{animation:slideIn .4s ease-out forwards}h1,h2,h3{font-weight:700;letter-spacing:-.02em}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);gap:.5rem;font-size:.95rem}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d;border:none}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{background:#8080801a;border-color:var(--text-muted)}.form-input{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-color);color:var(--text-main);font-size:1rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.05) 0%,transparent 20%),radial-gradient(circle at 90% 50%,rgba(236,72,153,.05) 0%,transparent 20%)}.sidebar{width:var(--nav-width);height:100vh;position:fixed;left:0;top:0;z-index:50;padding:2rem 1rem}.main-content{flex:1;padding:2rem}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-content{padding:1rem}.container{padding:0 1rem}.stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.grid-cards{gap:1rem}:root{--header-height: 60px}}.auth-wrapper{align-items:center;justify-content:center;background:var(--bg-color)}.auth-card{width:100%;max-width:420px;padding:3rem 2rem;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-title{font-size:2.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:.5rem}.auth-subtitle{color:var(--text-muted)}.auth-error{background-color:#ef44441a;color:var(--danger);padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;text-align:center;border:1px solid rgba(239,68,68,.2)}.auth-input-group{margin-bottom:1.25rem}.auth-label{font-weight:600;color:var(--text-main);margin-bottom:.5rem;display:block}.auth-submit-btn{width:100%;padding:1rem;font-size:1.1rem;margin-top:1rem}.auth-footer{text-align:center;margin-top:2rem;color:var(--text-muted)}.auth-link{color:var(--primary);font-weight:700}.signup-title{font-size:2.5rem;font-weight:800;background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:.5rem}.signup-btn{background:var(--secondary-gradient)}.navbar{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:60;border-bottom:1px solid var(--glass-border);background:#fffc}.dark .navbar{background:#1e293bcc}.brand{font-size:1.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-btn-icon{padding:.5rem;border:none;background:transparent;color:var(--text-muted)}.nav-divider{height:24px;width:1px;background:var(--border)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.user-name{font-size:.9rem;font-weight:600}.theme-toggle{padding:.6rem;border-radius:50%}.logout-btn{color:var(--danger);border-color:transparent;background:#ef44441a;padding:.6rem 1rem}@media(max-width:768px){.navbar{padding:0 1rem}.user-name{display:none}.nav-actions{gap:.8rem}.brand{font-size:1.25rem}}.sidebar{padding-top:calc(var(--header-height) + 2rem);background:var(--card-bg);border-right:1px solid var(--glass-border);border-top:none;border-bottom:none;border-left:none;border-radius:0;width:var(--nav-width);height:100vh;position:fixed;left:0;top:0;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-menu{display:flex;flex-direction:column;gap:.75rem}.menu-label{padding:0 1rem;margin-bottom:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;width:100%;border-radius:12px;background-color:transparent;color:var(--text-muted);font-weight:500;font-size:1rem;text-align:left;transition:all .2s;border:none;cursor:pointer}.menu-item.active{background-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 10px 15px -3px #6366f166}.sidebar-footer{margin-top:auto;padding:2rem 1rem}.pro-tip-card{padding:1.5rem;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:16px;border:1px solid rgba(99,102,241,.2)}.pro-tip-title{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.pro-tip-text{font-size:.8rem;color:var(--text-muted)}@media(max-width:768px){.sidebar{width:100%;max-width:300px;box-shadow:var(--shadow-lg)}}.stats-card{padding:1.5rem;border-radius:20px;display:flex;align-items:center;gap:1.5rem;opacity:0}.stats-icon-wrapper{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stats-content h3{font-size:2rem;font-weight:800;line-height:1}.stats-content p{color:var(--text-muted);font-size:.9rem;font-weight:500;margin-top:.25rem}.task-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--glass-border);position:relative;overflow:hidden}.task-card.completed{opacity:.75}.priority-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding-left:.5rem}.priority-badge{padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.task-title{font-size:1.35rem;font-weight:700;margin-top:.75rem;margin-bottom:.25rem;color:var(--text-main)}.task-title.completed{text-decoration:line-through;color:var(--text-muted)}.action-btn{padding:.4rem;border-radius:8px;border:none}.delete-btn{color:var(--danger)}.task-desc{color:var(--text-muted);font-size:.95rem;flex:1;padding-left:.5rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);padding-left:.5rem}.deadline-info{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;font-weight:500}.status-btn{padding:.4rem 1rem;font-size:.85rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{width:100%;max-width:550px;max-height:90vh;overflow-y:auto;border-radius:24px;padding:0;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.5rem;font-weight:800}.close-btn{background:transparent;border:none;padding:.5rem;border-radius:50%}.modal-form{padding:2rem}.input-wrapper{margin-bottom:1.5rem}.grid-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.modal-btn{padding:.75rem 1.5rem}.save-btn{padding:.75rem 2rem}.date-selection-container{display:flex;gap:1rem;align-items:center;margin-top:.5rem}.quick-dates{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;flex:1;scrollbar-width:none;-ms-overflow-style:none}.quick-dates::-webkit-scrollbar{display:none}.date-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:4rem;padding:.5rem .75rem;border-radius:12px;background-color:var(--bg-color);border:1px solid var(--border);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-muted)}.date-chip:hover{border-color:var(--primary);background-color:#6366f10d;transform:translateY(-2px)}.date-chip.selected{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f14d}.date-chip.selected .day-name,.date-chip.selected .day-number{color:#fff}.day-name{font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.2rem}.day-number{font-size:1.1rem;font-weight:800;line-height:1}.custom-time-wrapper{position:relative;display:flex;align-items:center}.custom-time-btn{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:12px;background-color:var(--bg-color);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);transition:all .2s ease}.custom-time-btn:hover{border-color:var(--primary);color:var(--primary);background-color:#6366f10d;transform:translateY(-2px)}.hidden-date-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:-1}.selected-date-display{margin-top:.75rem;font-size:.9rem;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:.5rem}.selected-date-display:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--primary)}.dashboard-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.dashboard-header-text h2{font-size:2.25rem;font-weight:800}.dashboard-header-text p{color:var(--text-muted);margin-top:.25rem}.add-task-btn{padding:.75rem 1.5rem;font-size:1rem}.filters-bar{display:flex;gap:1rem;margin-bottom:2rem}.search-input{max-width:350px;box-shadow:var(--shadow-sm)}.sort-select{max-width:180px;box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:6rem 2rem;border-radius:24px}.empty-icon-wrapper{width:80px;height:80px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--text-muted)}