@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#00fff2;--secondary-color:#7000ff;--success-color:#0f8;--warning-color:#ffb700;--danger-color:#f36;--background-dark:#0a0b1e;--card-dark:#151729;--text-light:#fff;--text-dark:#e0e0e0;--neon-glow:0 0 10px #00fff280,0 0 20px #00fff24d,0 0 30px #00fff21a;--neon-glow-hover:0 0 15px #00fff299,0 0 30px #00fff266,0 0 45px #00fff233}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#0a0b1e,#1a1b3f 25%,#2a2b5f 50%,#1a1b3f 75%,#0a0b1e);background:linear-gradient(135deg,var(--background-dark) 0,#1a1b3f 25%,#2a2b5f 50%,#1a1b3f 75%,var(--background-dark) 100%);color:#e0e0e0;color:var(--text-dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}body:after,body:before{animation:floatBubble 20s infinite;background:#7000ff;background:var(--secondary-color);border-radius:50%;content:"";filter:blur(100px);height:300px;opacity:.15;position:absolute;width:300px;z-index:0}body:before{animation-delay:-5s;left:-150px;top:-150px}body:after{background:#00fff2;background:var(--primary-color);bottom:-150px;right:-150px}@keyframes floatBubble{0%,to{transform:translate(0)}25%{transform:translate(50px,50px)}50%{transform:translateY(100px)}75%{transform:translate(-50px,50px)}}.todo-app{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151729cc;border:1px solid #00fff21a;border-radius:24px;box-shadow:0 8px 32px #00fff21a;display:flex;flex-direction:column;margin:20px auto;max-height:90vh;max-width:800px;min-height:600px;overflow-y:auto;padding:40px 30px;position:relative;text-align:center;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{color:#fff;color:var(--text-light);font-size:3rem;font-weight:600;letter-spacing:2px;margin:40px 0;position:relative;text-shadow:0 0 10px #00fff280,0 0 20px #00fff24d,0 0 30px #00fff21a;text-shadow:var(--neon-glow);text-transform:uppercase}h1:after{background:linear-gradient(90deg,#00fff2,#7000ff);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;bottom:-10px;box-shadow:0 0 10px #00fff280,0 0 20px #00fff24d,0 0 30px #00fff21a;box-shadow:var(--neon-glow);content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.form-container{background:#151729e6;border:1px solid #00fff21a;border-radius:20px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:15px;margin:20px 0 30px;padding:25px}.priority-select,.time-input,.todo-input{background:#0a0b1ecc;border:1px solid #00fff233;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;color:var(--text-light);font-size:1rem;height:50px;outline:none;padding:0 20px;transition:all .3s ease;width:100%}.priority-select:focus,.time-input:focus,.todo-input:focus{border-color:#00fff2;border-color:var(--primary-color);box-shadow:0 0 10px #00fff280,0 0 20px #00fff24d,0 0 30px #00fff21a;box-shadow:var(--neon-glow);transform:translateY(-2px)}.todo-input::placeholder{color:#fff9;font-size:1.1rem;font-weight:500}.todo-button{background:linear-gradient(135deg,#00fff2,#7000ff);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;box-shadow:0 0 10px #00fff280,0 0 20px #00fff24d,0 0 30px #00fff21a;box-shadow:var(--neon-glow);color:#fff;color:var(--text-light);cursor:pointer;font-size:1rem;font-weight:500;height:50px;letter-spacing:1px;outline:none;padding:0 30px;text-transform:uppercase;transition:all .3s ease}.todo-button:hover{background:linear-gradient(135deg,#7000ff,#00fff2);background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));box-shadow:0 0 15px #00fff299,0 0 30px #00fff266,0 0 45px #00fff233;box-shadow:var(--neon-glow-hover);transform:translateY(-2px)}.todo-button:active{transform:translateY(0)}.todo-row{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#151729e6;border:1px solid #00fff21a;border-radius:16px;box-shadow:0 4px 12px #0003;display:flex;justify-content:space-between;margin:12px auto;min-height:80px;padding:20px 24px;transition:all .3s ease;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.todo-row:hover{background:#151729f2;border-color:#00fff2;border-color:var(--primary-color);box-shadow:0 0 10px #00fff280,0 0 20px #00fff24d,0 0 30px #00fff21a;box-shadow:var(--neon-glow);transform:translateY(-3px)}.todo-row.low{border-left:4px solid #0f8;border-left:4px solid var(--success-color)}.todo-row.medium{border-left:4px solid #ffb700;border-left:4px solid var(--warning-color)}.todo-row.high{border-left:4px solid #f36;border-left:4px solid var(--danger-color)}.todo-row.complete{background:#fff9;opacity:.7;text-decoration:line-through}.todo-text{align-items:center;color:#fff;color:var(--text-light);cursor:pointer;display:flex;font-size:1.1rem;gap:12px}.task-details{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.time-info{color:#ffffffb3;display:flex;font-size:.9rem;gap:15px}.time-badge{align-items:center;background:#00fff21a;border:1px solid #00fff233;border-radius:12px;color:#00fff2;color:var(--primary-color);display:inline-flex;gap:5px}.priority-badge,.time-badge{font-size:.8rem;padding:4px 12px}.priority-badge{border-radius:20px;font-weight:500;letter-spacing:.5px;margin-left:10px;text-transform:capitalize;transition:all .3s ease}.low .priority-badge{background:#00ff881a;border:1px solid #0f83;color:#0f8;color:var(--success-color)}.medium .priority-badge{background:#ffb7001a;border:1px solid #ffb70033;color:#ffb700;color:var(--warning-color)}.high .priority-badge{background:#ff33661a;border:1px solid #f363;color:#f36;color:var(--danger-color)}.icons{font-size:2rem;gap:20px}.delete-icon,.edit-icon,.icons{align-items:center;display:flex}.delete-icon,.edit-icon{border-radius:50%;cursor:pointer;justify-content:center;padding:10px;transition:all .3s ease}.delete-icon{color:#f36;color:var(--danger-color);font-size:2.2rem}.delete-icon:hover{background:#ff33661a;text-shadow:0 0 10px #f36;text-shadow:0 0 10px var(--danger-color);transform:rotate(90deg)}.edit-icon{color:#00fff2;color:var(--primary-color);font-size:2.2rem}.edit-icon:hover{background:#00fff21a;text-shadow:0 0 10px #00fff2;text-shadow:0 0 10px var(--primary-color);transform:scale(1.1)}@media screen and (min-width:768px){.form-container{align-items:center;flex-direction:row;gap:15px;padding:20px}.priority-select,.time-input{flex-shrink:0;width:160px}.todo-button{flex-shrink:0;width:180px}.todo-input{flex-grow:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00fff2,#7000ff);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7000ff,#00fff2);background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}@keyframes glowPulse{0%{box-shadow:0 0 10px #00fff280,0 0 20px #00fff24d,0 0 30px #00fff21a;box-shadow:var(--neon-glow)}50%{box-shadow:0 0 15px #00fff299,0 0 30px #00fff266,0 0 45px #00fff233;box-shadow:var(--neon-glow-hover)}to{box-shadow:0 0 10px #00fff280,0 0 20px #00fff24d,0 0 30px #00fff21a;box-shadow:var(--neon-glow)}}.time-input{color-scheme:dark;position:relative}.time-input::placeholder{color:#fff9;font-size:1.1rem;font-weight:500}.time-input option{background:#151729;background:var(--card-dark);color:#fff;color:var(--text-light);font-size:1.1rem}
/*# sourceMappingURL=main.a2a75952.css.map*/