*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Verdana,sans-serif;background-color:#f5f6fa}.login-container{flex-direction:column;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-box{background:#fff;padding:40px;border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.1);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:#333;margin-bottom:8px;font-weight:600}.login-header p{color:#666;font-size:14px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.input-wrapper{position:relative}input{width:100%;padding:12px 45px 12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:all .3s ease;box-sizing:border-box}input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}input.error{border-color:#e74c3c}.input-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}input[type=password],input[type=text]{width:100%;border:2px solid #e1e5ee;border-radius:8px;font-size:16px;transition:all .3s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=password]::-webkit-textfield-decoration-container{display:none}input[type=password]::-webkit-credentials-auto-fill-button{display:none;visibility:hidden;pointer-events:none}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none}input[type=password]:focus,input[type=text]:focus{border-color:#4d90fe;box-shadow:0 0 0 2px rgba(77,144,254,.2)}.error-message{color:#e74c3c;font-size:12px;margin-top:5px;display:block}.form-options{justify-content:space-between;margin-bottom:25px;font-size:14px}.form-options,.remember-me{display:flex;align-items:center}.remember-me{cursor:pointer}.remember-me input{width:auto;margin-right:8px}.forgot-password{color:#667eea;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-btn{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.social-login{margin-top:25px;padding-top:25px;border-top:1px solid #eee;text-align:center}.social-login p{color:#666;margin-bottom:15px;font-size:14px}.social-buttons{display:flex;gap:10px;justify-content:center}.social-btn{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px}.social-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.social-btn.wechat:hover{border-color:#07c160;color:#07c160}.social-btn.github:hover{border-color:#333;color:#333}.register-link{text-align:center;margin-top:20px;font-size:14px;color:#666}.register-link a{color:#667eea;text-decoration:none;font-weight:500}.register-link a:hover{text-decoration:underline}.message{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease}.message.success{background:#27ae60}.message.error{background:#e74c3c}.footer-section{height:80px;display:flex;color:#bebebe;justify-content:center;align-items:center;font-size:12px;text-align:center;padding:0 20px}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:480px){.login-box{padding:30px 20px}.social-buttons{flex-direction:column}}.sidebar-container[data-v-899ca708]{display:flex;width:500px;background:#fff;border-right:1px solid #e2e8f0;height:100vh;box-sizing:border-box}.sidebar-left[data-v-899ca708]{width:40%;padding:20px 0;border-right:1px solid #f1f5f9;box-sizing:border-box}.logo[data-v-899ca708]{display:flex;align-items:center;gap:10px;padding:0 20px 20px;border-bottom:1px solid #f1f5f9;font-size:18px;font-weight:600;color:#2563eb}.logo .icon[data-v-899ca708]{width:32px;height:32px}.selected-menu[data-v-899ca708]{display:flex;align-items:center;gap:10px;padding:0 20px 20px;border-bottom:1px solid #fff;font-size:22px;font-weight:600;color:#8f8f8f}.menu-list[data-v-899ca708]{display:flex;list-style:none;padding:0;margin:20px 0}.sidebar-nav ul[data-v-899ca708]{list-style:none;padding:0;margin:0}.sidebar-nav li[data-v-899ca708]{border-bottom:1px solid #ecf0f1}.sidebar-nav li.active[data-v-899ca708]{background:#f5f5f5;color:#2563eb;border-left:3px solid #2563eb}.sidebar-nav li.active .nav-link[data-v-899ca708]{color:#2563eb}.nav-link[data-v-899ca708]{gap:10px;display:flex;align-items:center;padding:15px 20px;text-decoration:none;color:#2c3e50;transition:all .3s ease}.nav-link[data-v-899ca708]:hover{background:#f8f9fa}.nav-icon[data-v-899ca708]{margin-right:10px;width:20px;text-align:center}.sidebar-right[data-v-899ca708]{width:60%;padding:20px 0;background-color:#f5f5f5;box-sizing:border-box;overflow-y:auto}.chart-section[data-v-899ca708],.task-section[data-v-899ca708]{margin:20px}.task-section h3[data-v-899ca708]{font-size:14px;color:#334155;margin:0 0 8px}.task-count[data-v-899ca708]{font-size:12px;color:#94a3b8;margin:0 0 15px;text-align:right}.task-list[data-v-899ca708]{list-style:none;padding:0;margin:0}.task-item[data-v-899ca708]{display:flex;flex-direction:column;padding:15px 20px;text-decoration:none;color:#2c3e50;transition:all .3s ease}.task-item[data-v-899ca708]:last-child{border-bottom:none}.task-name[data-v-899ca708]{color:#334155;font-weight:500}.task-desc[data-v-899ca708]{display:block;font-size:11px;color:#94a3b8;margin-top:2px}.arrow[data-v-899ca708]{float:right;color:#cbd5e1;font-size:10px}.create-btn[data-v-899ca708]{width:100%;padding:10px;background:#2563eb;color:#fff;border:none;border-radius:4px;margin:15px 0;cursor:pointer;font-size:13px;transition:background .2s}.create-btn[data-v-899ca708]:hover{background:#1d4ed8}.top-bar[data-v-59f56924]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.search input[data-v-59f56924]{padding:8px 12px;border:1px solid #cbd5e1;border-radius:4px;width:200px}.user-info[data-v-59f56924],.user-name[data-v-59f56924]{display:flex;align-items:center;gap:20px}.user-name[data-v-59f56924]{padding:4px 12px}.task-btn[data-v-59f56924]{background:#2563eb;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.avatar[data-v-59f56924]{width:32px;height:32px;border-radius:50%;margin-right:8px}.user[data-v-59f56924]{display:flex;align-items:center}.arrow[data-v-59f56924]{margin-left:4px;color:#64748b}.admin-container[data-v-e4c87ee2]{display:flex;height:100vh}.main-content[data-v-e4c87ee2]{flex:1;display:flex;flex-direction:column}.dashboard[data-v-e4c87ee2]{padding:20px;overflow-y:auto;height:calc(100vh - 60px)}.stats-row[data-v-e4c87ee2]{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.security-card[data-v-e4c87ee2]{border:1px solid #e2e8f0;border-radius:8px;padding:15px;width:200px}.security-card h3[data-v-e4c87ee2]{margin-top:0;margin-bottom:15px}.security-card p[data-v-e4c87ee2]{font-size:12px;color:#64748b;margin:6px 0}.security-card span[data-v-e4c87ee2]{color:#94a3b8;margin-right:8px}.section[data-v-e4c87ee2]{margin-bottom:30px}.section h3[data-v-e4c87ee2]{display:flex;align-items:center;margin-bottom:15px}.section h3 span[data-v-e4c87ee2]{font-size:14px;color:#2563eb;margin-left:8px;cursor:pointer}.customer-list[data-v-e4c87ee2],.project-list[data-v-e4c87ee2]{display:flex;flex-wrap:wrap}