body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 4px 6px #0000001a;color:#fff;padding:2rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-left{text-align:left}.header-right{gap:1rem}.header-right,.user-info{align-items:center;display:flex}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;gap:.5rem;padding:.5rem 1rem}.user-avatar{font-size:1.2rem}.user-email{font-size:.9rem;opacity:.9}.signout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545cc;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.signout-btn:hover{background:#dc3545;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.App-header h1{font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.App-header p{font-size:1.1rem;margin:.5rem 0 0;opacity:.9}.App-main{flex:1 1;padding:2rem 1rem}.container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px}.task-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem}.task-form h2{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text]{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-group{margin-bottom:1rem}.checkbox-label{align-items:center;color:#555;cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:transform .2s ease,box-shadow .2s ease}.add-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.task-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem}.task-list h2{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.no-tasks{color:#666;padding:2rem;text-align:center}.tasks-section{margin-bottom:2rem}.tasks-section:last-child{margin-bottom:0}.tasks-section h3{border-bottom:2px solid #e1e5e9;color:#444;font-size:1.2rem;margin:0 0 1rem;padding-bottom:.5rem}.tasks-container{display:flex;flex-direction:column;gap:1rem}.task-item{background:#fff;border:2px solid #e1e5e9;border-radius:12px;padding:1.5rem;transition:all .3s ease}.task-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.task-item.completed{background:#f8f9fa;opacity:.7}.task-item.completed .task-title{color:#666;text-decoration:line-through}.task-item.expired{animation:expiredPulse 2s ease-in-out infinite;background:#fff5f5;border-color:#ff6b6b}@keyframes expiredPulse{0%,to{box-shadow:0 4px 12px #ff6b6b33}50%{box-shadow:0 4px 20px #ff6b6b66}}.task-content{display:flex;flex-direction:column;gap:1rem}.task-header{align-items:center;display:flex;gap:1rem}.task-checkbox{cursor:pointer;position:relative}.task-checkbox input[type=checkbox]{opacity:0;position:absolute}.checkmark{align-items:center;border:2px solid #ddd;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.task-checkbox input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.task-checkbox input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.task-title{color:#333;flex:1 1;font-size:1.1rem;margin:0}.task-meta{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between}.task-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.created-time{color:#666;font-size:.9rem}.time-limit{font-weight:500}.remaining-text{color:#28a745}.expired-text{color:#dc3545;font-weight:600}.delete-button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background-color .2s ease}.delete-button:hover{background:#dc35451a}.notifications-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:1000}.notification{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:400px;min-width:320px;pointer-events:auto}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-expired{background:linear-gradient(135deg,#fff5f5,#fff);border-left:4px solid #ff6b6b}.notification-success{background:linear-gradient(135deg,#f0fff4,#fff);border-left:4px solid #28a745}.notification-info{background:linear-gradient(135deg,#f8f9ff,#fff);border-left:4px solid #667eea}.notification-content{align-items:center;display:flex;gap:12px;padding:16px}.notification-icon{flex-shrink:0;font-size:1.5rem}.notification-message{color:#333;flex:1 1;font-weight:500;line-height:1.4}.notification-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;flex-shrink:0;font-size:1.5rem;padding:4px;transition:background-color .2s ease}.notification-close:hover{background:#0000001a}@media (max-width:768px){.App-header{padding:1.5rem 0}.App-header h1{font-size:2rem}.App-main{padding:1rem}.task-form,.task-list{padding:1.5rem}.task-item{padding:1rem}.task-meta{align-items:flex-start;flex-direction:column}.notifications-container{left:10px;right:10px;top:10px}.notification{max-width:none;min-width:0;min-width:auto}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 10px}.login-header p{color:#666;font-size:1.1rem;margin:0 0 30px}.feature-list{margin-bottom:30px}.feature-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:center;margin-bottom:15px;padding:10px;transition:all .3s ease}.feature-item:hover{background:#e9ecef;transform:translateX(5px)}.feature-icon{font-size:1.2rem;margin-right:12px;min-width:24px}.google-signin-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;margin-bottom:20px;padding:15px 20px;transition:all .3s ease;width:100%}.google-signin-btn:hover{border-color:#4285f4;box-shadow:0 5px 15px #4285f44d;transform:translateY(-2px)}.google-signin-btn:active{transform:translateY(0)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-icon{height:20px;margin-right:12px;width:20px}.login-footer p{color:#888;font-size:.9rem;margin:0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.login-card{margin:20px;padding:30px 20px}.login-header h1{font-size:2rem}.feature-item{font-size:.9rem;padding:8px}}
/*# sourceMappingURL=main.276d741d.css.map*/