@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1e293b,#0f172a 70%);font-family:Inter,sans-serif;color:#f8fafc;overflow:hidden;padding:20px}.login-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 40px #0006;padding:50px 40px;width:100%;max-width:400px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .8s ease}.login-card h2{font-size:1.8rem;margin-bottom:30px;color:#fff}.error{color:#ff4b4b;margin-top:10px;text-align:center;font-size:14px}.btn-login{background:#2563eb;border:none;color:#fff;padding:12px;border-radius:8px;width:100%;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease}.btn-login:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-login:disabled{background:#475569;cursor:not-allowed}.register-text{margin-top:20px;font-size:.95rem;color:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.login-card{padding:40px 25px}.login-card h2{font-size:1.5rem}}.success{color:#0f9;margin-top:10px;text-align:center;font-size:14px}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1e293b,#0f172a 70%);font-family:Inter,sans-serif;color:#f8fafc;overflow:hidden;padding:20px}.register-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 40px #0006;padding:50px 40px;width:100%;max-width:400px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-card h2{font-size:1.8rem;margin-bottom:30px;color:#fff}.input-group{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.input-group input{background:#0b1120;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;padding:12px;border-radius:8px;font-size:1rem;outline:none;transition:border .2s ease,box-shadow .3s ease}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 10px #3b82f64d}.error{color:#f87171;font-size:.9rem;margin-bottom:10px}.success{color:#4ade80;font-size:.9rem;margin-bottom:10px}.btn-register{background:#2563eb;border:none;color:#fff;padding:12px;border-radius:8px;width:100%;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease}.btn-register:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-register:disabled{background:#475569;cursor:not-allowed}.login-text{margin-top:20px;font-size:.95rem;color:#94a3b8}.link{color:#3b82f6;text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.divider{display:flex;align-items:center;justify-content:center;margin:30px 0;color:#64748b;position:relative}.divider span{background:#1e293b;padding:0 10px;z-index:1}.divider:before{content:"";position:absolute;width:100%;height:1px;background:#ffffff1a}.oauth-buttons{display:flex;justify-content:center;gap:15px}.btn-oauth{border:1px solid rgba(255,255,255,.15);color:#f8fafc;background:#0f172a;border-radius:8px;padding:10px 16px;cursor:pointer;transition:all .3s ease}.btn-oauth.google:hover{background:#3b82f626;border-color:#3b82f6}.btn-oauth.github:hover{background:#ffffff1a;border-color:#64748b}@media(max-width:480px){.register-card{padding:40px 25px}.register-card h2{font-size:1.5rem}}.tasklist-page{min-height:100vh;background:radial-gradient(circle at top,#1e293b,#0f172a 70%);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;color:#f8fafc;padding:20px}.tasklist-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 10px 40px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:600px;padding:40px 30px;text-align:center}.tasklist-header h3{color:#93c5fd;font-weight:500;margin-bottom:5px}.tasklist-header h1{color:#fff;margin-bottom:20px;font-size:2rem}.btn-logout{background:#ef4444;border:none;color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;float:right;margin-bottom:10px;transition:all .3s ease}.btn-logout:hover{background:#dc2626}.filter-buttons{display:flex;justify-content:center;gap:10px;margin:20px 0}.filter-btn{background:#1e293b;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:15px;transition:all .3s ease}.filter-btn.active{background:#2563eb;color:#fff;font-weight:700;box-shadow:0 0 10px #2563eb66}.filter-btn:hover{background:#2563eb33}.task-input{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px}.task-input input{background:#0b1120;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;padding:10px 12px;border-radius:8px;font-size:.95rem;outline:none;transition:border .2s ease,box-shadow .3s ease}.task-input input:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.btn-add{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:10px 18px;cursor:pointer;font-weight:600;transition:background .3s ease,transform .2s ease}.btn-add:hover{background:#1d4ed8;transform:translateY(-2px)}.task-list{list-style:none;padding:0;margin-top:20px;display:flex;flex-direction:column;gap:12px}.task-item{display:flex;justify-content:space-between;align-items:center;background:#0f172acc;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;box-shadow:0 8px 25px #0003;transition:transform .25s ease,box-shadow .25s ease}.task-item:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2563eb40}.task-item.completed{opacity:.7;text-decoration:line-through}.task-left{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.task-info{display:flex;flex-direction:column;align-items:flex-start}.task-title{font-size:1rem;color:#f8fafc;font-weight:500;word-break:break-word}.task-date{font-size:.85rem;color:#94a3b8;margin-top:2px}.btn-delete{background:transparent;border:none;font-size:1.1rem;color:#f87171;cursor:pointer;transition:transform .2s ease,color .3s ease}.btn-delete:hover{transform:scale(1.2);color:#ef4444}.no-tasks{text-align:center;color:#94a3b8;font-size:1rem;margin-top:15px}@media(max-width:480px){.task-item{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}.btn-delete{align-self:flex-end}.task-title{font-size:.95rem}}.usernameClass{float:left;margin-top:8px;color:#93c5fd;font-weight:500}.btn-edit,.btn-delete{transition:all .2s ease}.task-item .btn-edit:hover,.task-item .btn-delete:hover{transform:translateY(-1px)}.task-item{display:flex;align-items:center;gap:12px}.task-info{flex:1 1 auto}.task-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-2px)}.btn[disabled]{opacity:.65;cursor:not-allowed;transform:none}.btn-edit{background:transparent;color:#93c5fd;border-color:#3b82f61f}.btn-edit:hover{background:#3b82f60f;box-shadow:0 6px 14px #3b82f60f}.btn-delete{background:#f43f5e0f;color:#fb7185;border-color:#f43f5e1f}.btn-delete:hover{background:#f43f5e1a;box-shadow:0 6px 14px #f43f5e0f}.btn-save{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb1f}.btn-save:hover{box-shadow:0 8px 24px #2563eb2e}.btn-cancel{background:transparent;color:#cbd5e1;border-color:#ffffff0a}.btn-cancel:hover{background:#ffffff08}.edit-row input[type=text],.edit-row input[type=date],.edit-input{padding:8px 10px;border-radius:8px;background:#0b1120;color:#e2e8f0;border:1px solid rgba(255,255,255,.06);outline:none}.edit-row input:focus,.edit-input:focus{border-color:#3b82f6;box-shadow:0 6px 18px #3b82f61f}@media(max-width:520px){.task-controls{gap:6px}.btn{padding:6px 8px;font-size:.9rem;border-radius:7px}.task-item{gap:8px}.task-item .task-controls{margin-left:0}}.home-dark{background-color:#0f172a;color:#f8fafc;font-family:Inter,sans-serif;overflow-x:hidden;scroll-behavior:smooth}.hero-dark{text-align:center;padding:120px 0 0;background:radial-gradient(circle at top,#1e293b,#0f172a 70%)}.hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:15px}.hero-subtitle{font-size:1.2rem;color:#cbd5e1;margin-bottom:40px;line-height:1.6}.hero-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.btn-primary,.btn-secondary{padding:12px 30px;border-radius:10px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#ffffff1a}.features-dark{padding:100px 20px;text-align:center;background:#1e293b}.section-title{font-size:2.6rem;font-weight:700;margin-bottom:15px;color:#fff}.section-subtitle{color:#94a3b8;font-size:1.1rem;margin-bottom:60px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:0 auto}.feature-card-dark{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:30px 25px;transition:transform .4s ease,box-shadow .4s ease;box-shadow:0 6px 20px #0003}.feature-card-dark:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0000004d}.feature-card-dark .icon{font-size:2.5rem;color:#3b82f6;margin-bottom:20px}.feature-card-dark h3{color:#f1f5f9;margin-bottom:10px}.feature-card-dark p{color:#cbd5e1;font-size:.95rem;line-height:1.6}.cta-dark{text-align:center;padding:100px 20px;background:linear-gradient(135deg,#1e40af,#0f172a)}.cta-dark h2{font-size:2rem;margin-bottom:15px;color:#fff}.cta-dark p{color:#cbd5e1;font-size:1.1rem;margin-bottom:25px}.footer-dark{background:#0b1120;text-align:center;padding:25px;font-size:.9rem;color:#94a3b8}.footer-dark a{color:#3b82f6;text-decoration:none}.footer-dark a:hover{text-decoration:underline}@media(max-width:768px){.hero-title{font-size:2.4rem}.section-title{font-size:2rem}}