*{margin:0;padding:0;box-sizing:border-box;transition:all .3s ease}body{font-family:Arial,sans-serif;background:#f8f9fa;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:24px}.btn{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden;min-height:44px}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(74,144,226,.3)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn .icon{font-size:16px}.btn-primary{background:linear-gradient(135deg,#4a90e2,#76abe9);color:#fff;box-shadow:0 2px 8px rgba(74,144,226,.3)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(74,144,226,.4);background:linear-gradient(135deg,#609de6,#8cb8ed)}.btn-primary:active{transform:translateY(0)}.btn-success{background:linear-gradient(135deg,#00b894,#00ebbd);color:#fff;box-shadow:0 2px 8px rgba(0,184,148,.3)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,184,148,.4);background:linear-gradient(135deg,#00d2a9,#06ffce)}.btn-danger{background:linear-gradient(135deg,#d63031,#de5b5b);color:#fff;box-shadow:0 2px 8px rgba(214,48,49,.3)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(214,48,49,.4);background:linear-gradient(135deg,#da4546,#e37071)}.btn-secondary{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#dee2e6;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn-outline{background:transparent;color:#4a90e2;border:2px solid #4a90e2}.btn-outline:hover:not(:disabled){background:#4a90e2;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(74,144,226,.3)}.btn-sm{padding:8px 16px;font-size:12px;min-height:36px}.btn-lg{padding:16px 32px;font-size:16px;min-height:52px}.btn-rounded{border-radius:24px}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%}.btn-icon.btn-sm{width:36px;height:36px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;height:48px;padding:12px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.2)}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#999}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group textarea{height:auto;min-height:120px;resize:vertical;line-height:1.5}@keyframes floatLabel{0%{transform:translateY(0);opacity:0}to{transform:translateY(-20px);opacity:1}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#app::-webkit-scrollbar{display:none}.task-item[data-v-967f3544]{background:#fff;border-radius:8px;padding:24px;margin-bottom:16px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.task-item[data-v-967f3544]:hover{transform:translateX(5px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.task-item .task-content[data-v-967f3544]{display:flex;align-items:center;justify-content:space-between;gap:24px}.task-item .task-content .task-header[data-v-967f3544]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.task-item .task-content .task-header .task-title[data-v-967f3544]{font-size:1.2em;font-weight:600;color:#4a90e2;text-align:center}.task-item .task-content .task-body[data-v-967f3544]{display:none}.task-item .task-content .task-time[data-v-967f3544]{font-size:.9em;color:#999;min-width:150px;text-align:right}.task-item .task-content:hover .task-body[data-v-967f3544]{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:1;margin-top:8px}.task-item .task-actions[data-v-967f3544]{display:flex;gap:8px;min-width:100px;justify-content:flex-end}.task-item .task-actions .action-btn[data-v-967f3544]{background:#fff;border:2px solid #e9ecef;font-size:16px;cursor:pointer;padding:8px;width:36px;height:36px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.task-item .task-actions .action-btn[data-v-967f3544]:hover{transform:scale(1.1) translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.task-item .task-actions .action-btn.edit-btn[data-v-967f3544]:hover{background:#e3f2fd;border-color:#2196f3;box-shadow:0 4px 8px rgba(33,150,243,.3)}.task-item .task-actions .action-btn.delete-btn[data-v-967f3544]:hover{background:#ffebee;border-color:#f44336;box-shadow:0 4px 8px rgba(244,67,54,.3)}.task-item .edit-form .form-group[data-v-967f3544]{margin-bottom:16px}.task-item .edit-form .form-group label[data-v-967f3544]{display:block;margin-bottom:8px;color:#666;font-weight:500}.task-item .edit-form .form-group .edit-input[data-v-967f3544]{width:100%;padding:8px;border:2px solid #eee;border-radius:6px;font-size:1em}.task-item .edit-form .form-group .edit-input[data-v-967f3544]:focus{border-color:#4a90e2;outline:none}.task-item .edit-form .form-group .edit-textarea[data-v-967f3544]{width:100%;min-height:120px;padding:8px;border:2px solid #eee;border-radius:6px;font-size:1em;resize:vertical}.task-item .edit-form .form-group .edit-textarea[data-v-967f3544]:focus{border-color:#4a90e2;outline:none}.task-item .edit-form .edit-actions[data-v-967f3544]{display:flex;justify-content:flex-end;gap:16px}.task-item .edit-form .edit-actions button[data-v-967f3544]{min-width:100px}.modal-overlay[data-v-967f3544]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .confirm-modal[data-v-967f3544]{background:#fff;padding:1.5rem;border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 12px rgba(0,0,0,.12);animation:scaleIn-967f3544 .2s ease}.modal-overlay .confirm-modal h3[data-v-967f3544]{color:#d63031;margin-bottom:1rem;font-size:1.25rem}.modal-overlay .confirm-modal p[data-v-967f3544]{color:#666;margin-bottom:1.5rem}.modal-overlay .confirm-modal .modal-actions[data-v-967f3544]{display:flex;justify-content:flex-end;gap:16px}.modal-overlay .confirm-modal .modal-actions button[data-v-967f3544]{min-width:100px}@keyframes scaleIn-967f3544{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.app-header[data-v-786b8622]{background:#fff;padding:16px 24px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:24px}.app-header .header-content[data-v-786b8622]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.app-header .header-content .user-section[data-v-786b8622]{display:flex;align-items:center;gap:16px}.app-header .header-content .user-section .username[data-v-786b8622]{cursor:pointer;color:#4a90e2;font-weight:600;padding:12px 16px;border-radius:12px;transition:all .3s ease;background:rgba(74,144,226,.1);border:2px solid transparent;display:flex;align-items:center;gap:8px}.app-header .header-content .user-section .username[data-v-786b8622]:hover{background:rgba(74,144,226,.15);border-color:rgba(74,144,226,.3);transform:translateY(-1px);box-shadow:0 4px 8px rgba(74,144,226,.2)}.app-header .header-content .user-section .username .icon[data-v-786b8622]{font-size:14px}.app-header .auth-buttons[data-v-786b8622]{display:flex;gap:16px;justify-content:center}.app-header .auth-buttons button[data-v-786b8622]{min-width:100px}.modal-overlay[data-v-786b8622]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay .modal-content[data-v-786b8622]{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.3);animation:modalSlideIn-786b8622 .3s ease;border:1px solid hsla(0,0%,100%,.2)}.modal-overlay .modal-content .modal-header[data-v-786b8622]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem 2rem;border-bottom:1px solid #f0f0f0}.modal-overlay .modal-content .modal-header h3[data-v-786b8622]{margin:0;color:#4a90e2;font-size:24px;font-weight:700;display:flex;align-items:center;gap:8px}.modal-overlay .modal-content .modal-body[data-v-786b8622]{padding:2rem}.modal-overlay .modal-content .modal-body .form-group[data-v-786b8622]{margin-bottom:2rem}.modal-overlay .modal-content .modal-body .form-group label[data-v-786b8622]{display:block;margin-bottom:12px;color:#333;font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}.modal-overlay .modal-content .modal-body .form-group .form-input[data-v-786b8622],.modal-overlay .modal-content .modal-body .form-group .form-textarea[data-v-786b8622]{width:100%;padding:16px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;transition:all .3s ease;background:#f8f9fa}.modal-overlay .modal-content .modal-body .form-group .form-input[data-v-786b8622]:focus,.modal-overlay .modal-content .modal-body .form-group .form-textarea[data-v-786b8622]:focus{outline:none;border-color:#4a90e2;background:#fff;box-shadow:0 0 0 3px rgba(74,144,226,.1);transform:translateY(-1px)}.modal-overlay .modal-content .modal-body .form-group .form-input[data-v-786b8622]::-moz-placeholder,.modal-overlay .modal-content .modal-body .form-group .form-textarea[data-v-786b8622]::-moz-placeholder{color:#adb5bd;font-style:italic}.modal-overlay .modal-content .modal-body .form-group .form-input[data-v-786b8622]::placeholder,.modal-overlay .modal-content .modal-body .form-group .form-textarea[data-v-786b8622]::placeholder{color:#adb5bd;font-style:italic}.modal-overlay .modal-content .modal-body .form-group .form-textarea[data-v-786b8622]{min-height:140px;resize:vertical;line-height:1.6;font-family:inherit}.modal-overlay .modal-content .modal-actions[data-v-786b8622]{display:flex;gap:16px;justify-content:flex-end;padding:1rem 2rem 2rem 2rem;border-top:1px solid #f0f0f0}.modal-overlay .modal-content .modal-actions button[data-v-786b8622]{min-width:140px;font-weight:600}@keyframes modalSlideIn-786b8622{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.auth-container[data-v-f2d5b64c]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#4a90e2,#6c5ce7);padding:24px}.auth-card[data-v-f2d5b64c]{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.12);width:100%;max-width:480px;animation:slideUp .5s ease}.auth-card h2[data-v-f2d5b64c]{text-align:center;margin-bottom:2rem;color:#4a90e2;font-size:28px;font-weight:600}.auth-card .form-group[data-v-f2d5b64c]{position:relative;margin-bottom:1.5rem}.auth-card .form-group label[data-v-f2d5b64c]{font-size:14px;color:#666;margin-bottom:8px}.auth-card .form-group input[data-v-f2d5b64c]{font-size:16px}.auth-card .form-group input:focus+label[data-v-f2d5b64c]{animation:floatLabel .3s ease forwards}.auth-card .btn-primary[data-v-f2d5b64c]{width:100%;height:48px;font-size:18px;font-weight:500;margin-top:24px;transition:transform .2s ease}.auth-card .btn-primary[data-v-f2d5b64c]:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.auth-container[data-v-3c90f974]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#4a90e2,#6c5ce7);padding:24px}.auth-card[data-v-3c90f974]{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.12);width:100%;max-width:480px;animation:slideUp .5s ease}.auth-card h2[data-v-3c90f974]{text-align:center;margin-bottom:2rem;color:#4a90e2;font-size:28px;font-weight:600}.auth-card .form-group[data-v-3c90f974]{position:relative;margin-bottom:1.5rem}.auth-card .form-group label[data-v-3c90f974]{font-size:14px;color:#666;margin-bottom:8px}.auth-card .form-group input[data-v-3c90f974]{font-size:16px}.auth-card .form-group input:focus+label[data-v-3c90f974]{animation:floatLabel .3s ease forwards}.auth-card .btn-primary[data-v-3c90f974]{width:100%;height:48px;font-size:18px;font-weight:500;margin-top:24px;transition:transform .2s ease}.auth-card .btn-primary[data-v-3c90f974]:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.user-info-view[data-v-363c3d14]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.page-header[data-v-363c3d14]{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.page-header h1[data-v-363c3d14]{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0;display:flex;align-items:center;gap:12px}.profile-card[data-v-363c3d14]{background:#fff;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-width:600px;margin:0 auto;overflow:hidden;animation:slideUp-363c3d14 .6s ease}.profile-card .profile-avatar[data-v-363c3d14]{background:linear-gradient(135deg,#4a90e2,#6c5ce7);padding:3rem 2rem 2rem 2rem;text-align:center}.profile-card .profile-avatar .avatar-circle[data-v-363c3d14]{width:120px;height:120px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#4a90e2;margin:0 auto;box-shadow:0 8px 24px rgba(0,0,0,.15)}.profile-card .profile-info[data-v-363c3d14]{padding:2rem}.profile-card .profile-info .info-item[data-v-363c3d14]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;margin-bottom:1rem;background:#f8f9fa;border-radius:16px;border-left:4px solid #4a90e2;transition:all .3s ease}.profile-card .profile-info .info-item[data-v-363c3d14]:hover{background:#e9ecef;transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.profile-card .profile-info .info-item[data-v-363c3d14]:last-child{margin-bottom:0}.profile-card .profile-info .info-item .info-label[data-v-363c3d14]{font-weight:600;color:#495057;display:flex;align-items:center;gap:8px;font-size:1.1rem}.profile-card .profile-info .info-item .info-label .icon[data-v-363c3d14]{font-size:1.2rem}.profile-card .profile-info .info-item .info-value[data-v-363c3d14]{font-size:1.1rem;color:#4a90e2;font-weight:700;padding:8px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-card .profile-actions[data-v-363c3d14]{padding:2rem;border-top:1px solid #e9ecef;text-align:center}.profile-card .profile-actions button[data-v-363c3d14]{min-width:200px}@keyframes slideUp-363c3d14{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.task-item[data-v-2ef30939]{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.task-item[data-v-2ef30939]:hover{transform:translateX(5px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.task-item .task-content[data-v-2ef30939]{flex:1}.task-item .task-content .task-title[data-v-2ef30939]{font-weight:700;color:#4a90e2;margin-bottom:8px}.task-item .task-content .task-body[data-v-2ef30939]{color:#666;margin-bottom:8px}.task-item .task-content .task-time[data-v-2ef30939]{font-size:.8em;color:#999}.task-item .task-actions[data-v-2ef30939]{margin-left:16px}.task-item .task-actions .action-btn[data-v-2ef30939]{background:#fff;border:2px solid #e9ecef;font-size:14px;cursor:pointer;padding:12px 20px;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-weight:600}.task-item .task-actions .action-btn[data-v-2ef30939]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.task-item .task-actions .action-btn.restore-btn[data-v-2ef30939]{color:#00b894;border-color:#00b894}.task-item .task-actions .action-btn.restore-btn[data-v-2ef30939]:hover{background:#00b894;color:#fff;box-shadow:0 4px 12px rgba(0,184,148,.3)}.task-item .task-actions .action-btn .icon[data-v-2ef30939]{font-size:16px}.task-list[data-v-5cf52274]{margin:2rem auto;max-width:800px}