*,*:before,*:after{box-sizing:border-box}::selection{background:#6ba3ff40;color:#f2f5f9}body{margin:0;background-color:#05070a;color:#f2f5f9;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0c1117}::-webkit-scrollbar-thumb{background:#1c2536;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a3a52}.App{max-width:800px;margin:0 auto;padding:20px;font-family:Inter,system-ui,sans-serif;background-color:#05070a;min-height:100vh;box-sizing:border-box}h1,h2{color:#f2f5f9;margin-top:0;font-family:Outfit,Inter,system-ui,sans-serif}h1{text-align:center;border-bottom:2px solid #6BA3FF;padding-bottom:10px}h2{border-bottom:1px solid #1C2536;padding-bottom:5px}form{background-color:#0c1117;padding:20px;border-radius:8px;border:1px solid #1C2536;box-shadow:0 2px 8px #0000004d}form div{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:600;color:#a0aabb}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:8px 12px;border:1px solid #1C2536;border-radius:6px;box-sizing:border-box;font-size:16px;font-family:Inter,system-ui,sans-serif;background-color:#111820;color:#f2f5f9;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#6ba3ff;box-shadow:0 0 0 2px #6ba3ff33}button{background-color:#6ba3ff;color:#05070a;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;font-family:Inter,system-ui,sans-serif;transition:background-color .2s ease,transform .1s ease}button:hover{background-color:#8ab8ff}button:active{transform:scale(.98)}button:disabled{background-color:#1c2536;color:#555e6e;cursor:not-allowed}button.logout-btn,button.cancel-btn{background-color:#f87171;color:#05070a}button.logout-btn:hover,button.cancel-btn:hover{background-color:#fb9a9a}p[style*="color: red"]{color:#f87171!important;font-size:.85em;margin-top:5px}ul{list-style:none;padding:0}li{background-color:#0c1117;margin-bottom:15px;padding:15px;border-radius:8px;border:1px solid #1C2536;box-shadow:0 1px 4px #00000040;border-left:4px solid #6BA3FF;transition:border-color .2s ease}li:hover{border-left-color:#f5a623}li strong{color:#f2f5f9}.completed-task{color:#4ae6a0;font-weight:700}.admin-edited-task{color:#6ba3ff;font-style:italic;font-size:.9em;margin-left:5px}.pagination-controls,.sort-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0;flex-wrap:wrap}.sort-controls{justify-content:flex-start;background-color:#0c1117;padding:15px;border-radius:8px;border:1px solid #1C2536;box-shadow:0 1px 4px #00000040}.sort-controls label{margin-bottom:0;margin-right:5px}.sort-controls select{width:auto;min-width:120px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#0c1117;padding:20px;border-radius:10px;max-width:500px;width:90%;position:relative;border:1px solid #1C2536;box-shadow:0 8px 24px #00000080}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#555e6e;padding:4px 8px}.modal-close-button:hover{color:#f2f5f9}.admin-message{padding:15px;border-radius:8px;margin-bottom:20px}.admin-message.success{background-color:#4ae6a01a;border:1px solid rgba(74,230,160,.3);color:#4ae6a0}.admin-message.error{background-color:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171}.edit-task-btn{margin-top:10px;padding:5px 10px;font-size:14px;background-color:#f5a623;color:#05070a}.edit-task-btn:hover{background-color:#f7b84d}hr{border:0;height:1px;background-color:#1c2536;margin:20px 0}a{color:#6ba3ff;text-decoration:none;transition:color .2s ease}a:hover{color:#8ab8ff}.eclipse-app{animation:eclipseFadeIn .4s ease-out}@keyframes eclipseFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.task-item{transition:border-color .2s ease,box-shadow .3s ease,transform .2s ease}.task-item:hover{border-color:#6ba3ff26;box-shadow:0 0 20px #6ba3ff0a;transform:translateY(-1px)}.login-form-container{border-radius:16px;background-color:#0c1117;border:1px solid #1C2536;padding:24px;margin-bottom:20px;transition:border-color .3s ease,box-shadow .3s ease}.login-form-container:focus-within{border-color:#6ba3ff4d;box-shadow:0 0 24px #6ba3ff0f}.eclipse-input:focus{outline:none;border-color:#6ba3ff;box-shadow:0 0 0 3px #6ba3ff40}.eclipse-accent-btn{background:linear-gradient(135deg,#6ba3ff,#4a8ae6);color:#05070a;border:none;font-weight:700;letter-spacing:.02em;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.eclipse-accent-btn:hover{background:linear-gradient(135deg,#8ab8ff,#6ba3ff);box-shadow:0 4px 16px #6ba3ff40}.eclipse-accent-btn:active{transform:scale(.97)}.eclipse-card{background-color:#0c1117;border:1px solid #1C2536;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 12px #0000004d}.eclipse-form{border-radius:10px}.eclipse-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.eclipse-modal{border-radius:16px;border:1px solid rgba(107,163,255,.12);box-shadow:0 12px 40px #0009,0 0 0 1px #6ba3ff0f}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:9999;mix-blend-mode:soft-light}.eclipse-app{background-image:linear-gradient(to right,rgba(107,163,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(107,163,255,.02) 1px,transparent 1px);background-size:48px 48px}.task-item{position:relative}.task-item:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-top:2px solid rgba(107,163,255,.3);border-left:2px solid rgba(107,163,255,.3);transition:all .3s}.task-item:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;border-bottom:2px solid rgba(245,166,35,.2);border-right:2px solid rgba(245,166,35,.2);transition:all .3s}.task-item:hover:before{width:16px;height:16px;border-color:#6ba3ff80}.task-item:hover:after{width:16px;height:16px;border-color:#f5a62366}.text-glow{text-shadow:0 0 20px rgba(107,163,255,.4)}.spinner-glow{filter:drop-shadow(0 0 8px rgba(107,163,255,.5))}@media (max-width: 600px){.App{padding:10px}.sort-controls{flex-direction:column;align-items:flex-start}.sort-controls>div{width:100%;margin-bottom:10px}.sort-controls label{display:block;margin-bottom:5px}.sort-controls select{width:100%}}