:root{--primary-color:#3f68ff;--primary-dark:#3356cc;--secondary-color:#3f68ff;--success-color:#48bb78;--warning-color:#ed8936;--danger-color:#f56565;--info-color:#3f68ff;--bg-primary:#ffffff;--bg-secondary:#f7fafc;--bg-dark:#1a202c;--bg-darker:#2d3748;--text-primary:#2d3748;--text-secondary:#718096;--text-light:#a0aec0;--text-white:#ffffff;--border-color:#e2e8f0;--border-radius:12px;--border-radius-sm:8px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 25px rgba(0,0,0,0.15);--shadow-xl:0 20px 40px rgba(0,0,0,0.2);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#ffffff;color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--border-radius-sm);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:0.6;cursor:not-allowed}.btn-primary{background:var(--info-color);color:var(--text-white)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:#3182ce}.btn-secondary{background:var(--info-color);color:var(--text-white)}.btn-secondary:hover:not(:disabled){background:#3182ce;transform:translateY(-2px)}.btn-danger{background:var(--info-color);color:var(--text-white)}.btn-danger:hover:not(:disabled){background:#3182ce;transform:translateY(-2px)}.btn-block{width:100%}.toast{position:fixed;top:80px;right:30px;padding:16px 24px;border-radius:12px;background:#ffffff;box-shadow:0 10px 40px rgba(0,0,0,0.15);color:#2d3748;font-size:15px;font-weight:500;z-index:99999;display:none;align-items:center;gap:12px;min-width:280px;max-width:420px;border:1px solid #e2e8f0;animation:slideInRight 0.4s cubic-bezier(0.16,1,0.3,1)}.toast.show{display:flex}.toast i{font-size:20px;flex-shrink:0}.toast.success{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:#ffffff;border:none}.toast.success i{color:#ffffff}.toast.error{background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%);color:#ffffff;border:none}.toast.error i{color:#ffffff}.toast.warning{background:linear-gradient(135deg,#ed8936 0%,#dd6b20 100%);color:#ffffff;border:none}.toast.warning i{color:#ffffff}.toast.info{background:linear-gradient(135deg,#3f68ff 0%,#3356cc 100%);color:#ffffff;border:none}.toast.info i{color:#ffffff}@keyframes slideInRight{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,0.3);border-top-color:var(--text-white);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.btn{padding:10px 20px;font-size:14px}.toast{top:20px;right:15px;left:15px;min-width:auto;max-width:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500;font-size:14px}.form-group label i{color:var(--primary-color);margin-right:6px}.form-group input[type="text"],.form-group input[type="email"],.form-group input[type="password"],.form-group input[type="number"],.form-group textarea,.form-group select,.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:var(--transition)}.form-group input[type="text"]:focus,.form-group input[type="email"]:focus,.form-group input[type="password"]:focus,.form-group input[type="number"]:focus,.form-group textarea:focus,.form-group select:focus,.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.form-group small{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:45px}.password-input-wrapper .toggle-password{position:absolute;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.password-input-wrapper .toggle-password:hover{color:var(--primary-color)}.password-input-wrapper .toggle-password i{font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn 0.2s ease}.modal{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);max-width:450px;width:90%;animation:slideUp 0.3s ease}.modal.confirm-modal{border-radius:24px}.modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.modal-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--text-primary)}.modal-title i{color:var(--warning-color);font-size:24px}.modal-body{padding:24px;color:var(--text-secondary);line-height:1.6}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end}.modal-footer .btn{padding:10px 20px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.hidden{display:none !important}