:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--text-primary: #f0f0f5;--text-secondary: #8b8b9e;--text-muted: #5a5a70;--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .25);--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6, #a78bfa);--success: #10b981;--error: #ef4444;--warning: #f59e0b;--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .1);--input-focus: rgba(99, 102, 241, .4);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.login-page-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-primary);position:relative;overflow:hidden}.login-page-wrapper:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.15),transparent 70%);top:-100px;right:-100px;border-radius:50%;animation:floatOrb 8s ease-in-out infinite;pointer-events:none}.login-page-wrapper:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.1),transparent 70%);bottom:-80px;left:-80px;border-radius:50%;animation:floatOrb 10s ease-in-out infinite reverse;pointer-events:none}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}@keyframes fadeInLogin{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-page-wrapper .login-box{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:36px;border-radius:20px;border:1px solid var(--glass-border);width:440px;display:flex;flex-direction:column;align-items:center;transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease;height:auto;max-height:97%;animation:fadeInLogin .7s cubic-bezier(.2,.8,.2,1) forwards;position:relative;z-index:1}.login-page-wrapper .login-box:hover{transform:translateY(-4px);border-color:var(--glass-border-hover);box-shadow:0 20px 60px #0000004d,0 0 40px var(--accent-glow)}.login-page-wrapper .login-box:focus-within{border-color:#6366f14d}.login-page-wrapper .svg{background:var(--accent-gradient);height:56px;width:56px;border-radius:16px;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 24px var(--accent-glow)}.login-page-wrapper .svg svg path{fill:#fff!important}.login-page-wrapper .login-box h2{margin-top:1.2rem;font-size:1.8rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.login-page-wrapper .login-box p{margin-top:.5rem;color:var(--text-secondary);font-size:.95rem}.login-page-wrapper .login-box form{margin-top:1.5rem;width:100%;display:flex;flex-direction:column;gap:.8rem}.login-page-wrapper .login-box form label{color:var(--text-secondary);font-size:.88rem;font-weight:500;letter-spacing:.02em}.login-page-wrapper .login-box form input{padding:.8rem 1rem;border-radius:12px;border:1px solid var(--input-border);outline:none;font-size:.95rem;background:var(--input-bg);color:var(--text-primary);transition:all .3s ease}.login-page-wrapper .login-box form input::placeholder{color:var(--text-muted)}.login-page-wrapper .login-box form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--input-focus);background:#ffffff0f}.login-page-wrapper .login-box form input:hover{border-color:#ffffff26}.login-page-wrapper .login-box .remember-me{display:flex;gap:.5rem;align-items:center}.login-page-wrapper .login-box .remember-me input{width:16px;height:16px;accent-color:var(--accent)}.login-page-wrapper .login-box .remember-me label{color:var(--text-secondary);font-size:.88rem}.login-page-wrapper .login-box .sap{display:flex;justify-content:space-between;width:100%;margin-top:.8rem}.login-page-wrapper .login-box .forget a{text-decoration:none;font-size:.88rem;color:var(--accent-light);transition:color .2s}.login-page-wrapper .login-box .forget a:hover{color:var(--accent);text-decoration:underline}.login-page-wrapper .login-box button{width:100%;border:none;background:var(--accent-gradient);color:#fff;height:48px;border-radius:14px;margin-top:20px;font-size:1rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease,opacity .2s;box-shadow:0 4px 20px var(--accent-glow)}.login-page-wrapper .login-box button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.login-page-wrapper .login-box button:active{transform:translateY(0) scale(.98)}.login-page-wrapper .login-box button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--input-focus)}.login-page-wrapper .login-box .divider{display:flex;align-items:center;width:100%;margin:20px 0;color:var(--text-muted);font-size:.85rem}.login-page-wrapper .login-box .divider:before,.login-page-wrapper .login-box .divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.login-page-wrapper .login-box .divider:before{margin-right:12px}.login-page-wrapper .login-box .divider:after{margin-left:12px}.login-page-wrapper .login-box .create{text-decoration:none;font-size:.95rem;color:var(--accent-light);-webkit-user-select:none;user-select:none;cursor:pointer;transition:color .2s}.login-page-wrapper .login-box .create:hover{color:var(--accent);text-decoration:underline}.login-page-wrapper .gender-group{display:flex;gap:20px;margin-top:0}.login-page-wrapper .gender-option{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary);cursor:pointer}.login-page-wrapper .gender-option input{accent-color:var(--accent);cursor:pointer}.login-page-wrapper .password-field{position:relative;width:100%}.login-page-wrapper .password-field input{width:100%}.login-page-wrapper .toggle-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none;color:var(--text-muted);transition:color .2s}.login-page-wrapper .toggle-eye:hover{color:var(--accent-light)}.login-page-wrapper .form-label{color:var(--text-secondary)!important}:root{--toast-bg: rgba(20, 20, 31, .95);--toast-success: #10b981;--toast-error: #ef4444;--toast-info: #6366f1;--toast-text: #f0f0f5;--toast-shadow: 0 16px 40px rgba(0, 0, 0, .3)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:99999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-message{pointer-events:auto;background:var(--toast-bg);color:var(--toast-text);padding:1rem 1.25rem;border-radius:14px;box-shadow:var(--toast-shadow);display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:400px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:500;border-left:4px solid transparent;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;transition:all .3s ease;overflow:hidden;position:relative}.toast-message.exit{animation:slideOut .3s ease-in forwards}.toast-success{border-left:4px solid var(--toast-success)}.toast-success .toast-icon{color:var(--toast-success);background:#10b9811f}.toast-error{border-left:4px solid var(--toast-error)}.toast-error .toast-icon{color:var(--toast-error);background:#ef44441f}.toast-info{border-left:4px solid var(--toast-info)}.toast-info .toast-icon{color:var(--toast-info);background:#6366f11f}.toast-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex-shrink:0}.toast-content{flex:1}.toast-close{background:transparent;border:none;color:#5a5a70;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s,background .2s}.toast-close:hover{color:var(--toast-text);background:#ffffff0f}.toast-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#ffffff0a}.toast-progress-bar{height:100%;width:100%;transform-origin:left;animation:progress linear forwards}.toast-success .toast-progress-bar{background-color:var(--toast-success)}.toast-error .toast-progress-bar{background-color:var(--toast-error)}.toast-info .toast-progress-bar{background-color:var(--toast-info)}@keyframes slideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--text-primary: #f0f0f5;--text-secondary: #8b8b9e;--text-muted: #5a5a70;--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .25);--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6, #a78bfa);--success: #10b981;--error: #ef4444;--warning: #f59e0b;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font)}body{background-color:var(--bg-primary);color:var(--text-primary)}@keyframes fadeInDashboard{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.dashboard{min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;animation:fadeInDashboard .6s cubic-bezier(.2,.8,.2,1);background:var(--bg-primary);position:relative}.dashboard:before{content:"";position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.06),transparent 70%);top:-200px;right:-200px;border-radius:50%;pointer-events:none;z-index:0}.header{height:72px;width:100%;background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:100}.header .snowfall{background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;padding:8px 14px;cursor:pointer;width:auto;font-size:.85rem;font-weight:600;transition:transform .2s ease,box-shadow .2s;box-shadow:0 4px 12px var(--accent-glow)}.header .snowfall:hover{transform:scale(1.05);box-shadow:0 6px 20px #6366f159}.header .svg{background:var(--accent-gradient);height:44px;width:44px;border-radius:12px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease;box-shadow:0 4px 12px var(--accent-glow)}.header .svg:hover{transform:rotate(8deg) scale(1.08)}.header .flex{display:flex;align-items:center;justify-content:space-between;gap:14px}.header .flex h2{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header .flex2{display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:.92rem;font-weight:500}.nav-link{text-decoration:none;color:var(--text-muted);transition:all .3s ease;cursor:pointer;position:relative;font-weight:500;padding:6px 0}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-light);font-weight:600}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:50%;transform:translate(-50%);background:var(--accent-gradient);transition:width .3s ease;border-radius:1px}.nav-link:hover:after,.nav-link.active:after{width:100%}.header .mainflex{display:flex;align-items:center;justify-content:space-between;gap:50px}.header .flex-prof{display:flex;align-items:center;justify-content:space-between;gap:14px}.header .flex-prof h3{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.header .flex-prof svg path{stroke:var(--text-secondary)!important}.header .logout-btn{background:none;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:7px 14px;border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .2s ease;width:auto;margin:0;height:auto}.header .logout-btn:hover{background:#ef44441a;border-color:#ef444480;transform:translateY(-1px);box-shadow:none}.dashboard .cont{position:relative;z-index:1}.dashboard .cont h1{color:var(--text-primary);padding:24px 40px 4px;font-size:1.9rem;font-weight:700;letter-spacing:-.03em}.dashboard .cont .wel{color:var(--text-secondary);padding:0 40px;font-size:1rem}.dashboard .cont .welco{display:flex;flex-direction:column}.dashboard .cont .task-flex{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.dashboard .cont button{margin-right:50px;padding:10px 22px;background:var(--accent-gradient);color:#fff;border:none;border-radius:12px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px var(--accent-glow)}.dashboard .cont button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.dashboard .cont button:active{transform:translateY(0) scale(.98)}.dashboard .cont .boxes{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 40px}@keyframes statCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard .cont .boxes .box{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:22px;flex:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s;cursor:default;animation:statCardIn .5s ease-out forwards}.dashboard .cont .boxes .box:nth-child(1){animation-delay:.05s}.dashboard .cont .boxes .box:nth-child(2){animation-delay:.1s}.dashboard .cont .boxes .box:nth-child(3){animation-delay:.15s}.dashboard .cont .boxes .box:nth-child(4){animation-delay:.2s}.dashboard .cont .boxes .box:hover{transform:translateY(-6px);border-color:var(--glass-border-hover);box-shadow:0 12px 40px #0003}.dashboard .cont .svg1,.dashboard .cont .svg2,.dashboard .cont .svg3,.dashboard .cont .svg4{height:48px;width:48px;border-radius:12px;display:flex;justify-content:center;align-items:center}.dashboard .cont .svg1{background:#6366f11f}.dashboard .cont .svg2{background:#f59e0b1f}.dashboard .cont .svg3{background:#10b9811f}.dashboard .cont .svg4{background:#ef44441f}.dashboard .cont .row{display:flex;align-items:center;gap:18px}.dashboard .cont .boxes .box .text-box{display:flex;flex-direction:column;gap:4px}.dashboard .cont .boxes .box .text-box p{color:var(--text-secondary);font-size:.88rem;font-weight:500}.dashboard .cont .boxes .box .text-box h2{color:var(--text-primary);font-size:1.6rem;font-weight:700;padding:0}.dashboard .cont .chart-sec{padding:0 40px}.dashboard .cont .chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:20px;border-radius:18px;margin-top:20px;width:60vw;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:auto;transition:border-color .3s}.dashboard .cont .chart-card:hover{border-color:var(--glass-border-hover)}.dashboard .cont .chart-card h2{font-size:1.1rem;font-weight:600;margin-bottom:16px;padding:10px 20px;color:var(--text-primary);letter-spacing:-.01em}.dashboard .cont .update{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);margin-right:30px;min-height:200px;max-height:440px;margin-top:20px;width:28.5vw;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;gap:16px;transition:border-color .3s}.dashboard .cont .update:hover{border-color:var(--glass-border-hover)}.dashboard .cont .update h2{font-size:1.1rem;font-weight:600;margin-bottom:8px;padding:0;color:var(--text-primary)}.dashboard .cont .flex-pro{display:flex;flex-direction:row}.activity-item{display:flex;align-items:center;flex-direction:row;width:100%;gap:14px;padding:10px 12px;border-radius:12px;transition:background .2s}.activity-item:hover{background:#ffffff08}.dashboard .cont .update .icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.icon.done{background:#10b98126;color:#34d399}.icon.add{background:#6366f126;color:#818cf8}.icon.delete{background:#ef444426;color:#f87171}.content p{margin:0;font-size:.9rem;color:var(--text-secondary)}.content p strong{color:var(--text-primary)}.time{margin-left:auto;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.dashboard .cont .update .start{display:flex;flex-direction:column;justify-content:flex-start}.profile-container{padding:32px 40px;position:relative;z-index:1}.profile-header{margin-bottom:32px}.profile-header h1{padding:0!important;margin-bottom:4px}.profile-header p{color:var(--text-secondary);font-size:1rem}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px}.profile-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:18px;padding:28px;transition:border-color .3s,transform .3s}.profile-card:hover{border-color:var(--glass-border-hover);transform:translateY(-3px)}.profile-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.profile-info-row:last-child{border-bottom:none}.profile-info-row .label{color:var(--text-muted);font-size:.88rem;font-weight:500}.profile-info-row .value{color:var(--text-primary);font-size:.92rem;font-weight:500}.profile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-stat{text-align:center;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.profile-stat .stat-number{font-size:1.8rem;font-weight:700;display:block;margin-bottom:4px}.profile-stat .stat-number.accent{color:var(--accent-light)}.profile-stat .stat-number.green{color:var(--success)}.profile-stat .stat-number.yellow{color:var(--warning)}.profile-stat .stat-number.red{color:var(--error)}.profile-stat .stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.profile-card.full-width{grid-column:1 / -1}.profile-logout-btn{background:none;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 28px;border-radius:12px;cursor:pointer;font-size:.92rem;font-weight:600;transition:all .2s ease;width:auto!important;margin:0!important;height:auto!important;box-shadow:none!important}.profile-logout-btn:hover{background:#ef44441a!important;border-color:#ef444480!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #ef444426!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}:root{--bg-primary: #0a0a0f;--bg-card: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--text-primary: #f0f0f5;--text-secondary: #8b8b9e;--text-muted: #5a5a70;--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .25);--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6, #a78bfa);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .1);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.tasks{animation:fadeInPage .5s ease-out;padding-bottom:40px}.tasks h1{padding:28px 50px 4px;font-size:1.9rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.tasks .org{padding:0 50px;color:var(--text-secondary);font-size:1rem}.tasks .new{height:44px;width:150px;margin-right:50px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;background:var(--accent-gradient);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px var(--accent-glow)}.tasks .new:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.tasks .new:active{transform:translateY(0) scale(.98)}.tasks .col{display:flex;flex-direction:column}.tasks .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tasks .task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 50px 40px}.task-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:0 50px}.task-search{width:360px;padding:12px 16px;font-size:.9rem;border-radius:12px;border:1px solid var(--input-border);outline:none;background:var(--input-bg);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.task-search::placeholder{color:var(--text-muted)}.task-sort{padding:12px 40px 12px 16px;font-size:.9rem;font-weight:500;border-radius:12px;border:1px solid var(--input-border);outline:none;cursor:pointer;background:var(--input-bg);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b8b9e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .3s ease}.task-sort option{background:#1a1a2e;color:var(--text-primary)}.task-search:focus,.task-sort:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.custom-date{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--accent);font-weight:600;color:var(--accent-light);background:#6366f114;cursor:pointer;transition:all .2s;font-size:.88rem}.custom-date:hover{background:#6366f126}.date-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.date-input::-webkit-datetime-edit{pointer-events:none}.date-input::-webkit-inner-spin-button,.date-input::-webkit-clear-button{display:none}.tasks .task-grid p{color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.task-card{min-height:180px;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px;border-left:4px solid transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s;animation:fadeInUp .4s ease-out forwards;cursor:pointer}.task-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0003;border-color:#ffffff1f}.task-card.high{border-left-color:#ef4444}.task-card.medium{border-left-color:#f59e0b}.task-card.low{border-left-color:#10b981}.task-header{display:flex;align-items:center;gap:10px}.task-checkbox{transform:scale(1.3);cursor:pointer;accent-color:#6366f1;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.task-checkbox:hover{transform:scale(1.5)}.task-checkbox:checked{transform:scale(1.5)}.task-checkbox:checked+h3{text-decoration:line-through;opacity:.4}.task-checkbox:checked~.task-actions{opacity:.4}.task-header h3{flex:1;font-size:1.05rem;font-weight:600;color:#f0f0f5;letter-spacing:-.01em;transition:opacity .2s}.task-actions{cursor:pointer;display:flex;gap:8px;transition:opacity .2s}.task-actions svg{transition:transform .2s ease,opacity .2s;opacity:.5}.task-actions svg:hover{transform:scale(1.15);opacity:1}.task-actions svg path{stroke:#8b8b9e}.task-actions svg:hover path{stroke:#f0f0f5}.task-desc{font-size:.88rem;color:#8b8b9e;line-height:1.4}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.priority-badge{padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.priority-badge.high{background:#ef44441f;color:#f87171}.priority-badge.medium{background:#f59e0b1f;color:#fbbf24}.priority-badge.low{background:#10b9811f;color:#34d399}.due-date{font-size:.82rem;color:#5a5a70;display:flex;align-items:center;gap:6px}.due-date svg path{fill:#5a5a70!important}:root{--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .25);--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6, #a78bfa);--bg-card: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .1);--text-primary: #f0f0f5;--text-secondary: #8b8b9e;--text-muted: #5a5a70}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:999}.modal-card{width:440px;background:#14141f;border:1px solid var(--glass-border);border-radius:20px;padding:28px;box-shadow:0 30px 80px #0006,0 0 40px var(--accent-glow);animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);transition:color .2s,transform .2s;width:auto!important;height:auto!important;margin:0!important;padding:4px!important;box-shadow:none!important}.close-btn:hover{color:var(--text-primary);transform:rotate(90deg);box-shadow:none!important;background:none!important}.modal-body{display:flex;flex-direction:column;gap:10px;margin-top:20px}.modal-body label{font-size:.88rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.modal-body input,.modal-body textarea,.modal-body select{padding:10px 14px;border-radius:12px;border:1px solid var(--input-border);font-size:.9rem;background:var(--input-bg);color:var(--text-primary);outline:none;transition:all .2s;font-family:inherit}.modal-body input::placeholder,.modal-body textarea::placeholder{color:var(--text-muted)}.modal-body input:focus,.modal-body textarea:focus,.modal-body select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.modal-body select option{background:#1a1a2e;color:var(--text-primary)}.modal-body textarea{resize:vertical;min-height:70px}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.date-grid button{padding:8px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500;font-family:inherit}.date-grid button:hover{background:#6366f11a;border-color:var(--accent);color:var(--accent-light);transform:translateY(-1px)}.date-grid button:active{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(.97)}.custom-date{border:1px solid var(--accent)!important;color:var(--accent-light)!important;background:#6366f10f!important;padding:10px!important;border-radius:12px!important;cursor:pointer;font-weight:600!important;font-size:.85rem!important}.custom-date:hover{background:#6366f11f!important}.curr{width:fit-content;background:var(--accent-gradient);color:#fff;padding:6px 12px;border-radius:10px;margin-top:8px;cursor:default;font-size:.85rem;font-weight:500}.modal-footer{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.modal-footer .cancel{background:#ffffff0d;border-radius:12px;padding:10px 20px;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s;font-family:inherit}.modal-footer .cancel:hover{background:#ffffff14;color:var(--text-primary)}.modal-footer .cancel:active{transform:scale(.97)}.modal-footer .add{background:var(--accent-gradient);color:#fff;border-radius:12px;padding:10px 24px;border:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s;box-shadow:0 4px 16px var(--accent-glow);font-family:inherit}.modal-footer .add:hover{transform:translateY(-1px);box-shadow:0 8px 24px #6366f159}.modal-footer .add:active{transform:scale(.97)}.modal-footer .add:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f14d}